diff --git a/src/app/showcase/layout/config/app.config.component.html b/src/app/showcase/layout/config/app.config.component.html index 7e7ec8af8ca..0bb6988a48b 100644 --- a/src/app/showcase/layout/config/app.config.component.html +++ b/src/app/showcase/layout/config/app.config.component.html @@ -30,6 +30,98 @@ Dark Mode + +
+
Themes
+
+ Aura + Aura +
+
+ + + + +
+
+ + + + + +
+
+ + + + +
+
+
Themes
@@ -131,113 +223,5 @@
- -
-
- Bootstrap - Bootstrap -
-
- - -
-
-
-
- -
-
-
-
- Soho - Soho -
- -
-
-
- Viva - Viva -
- -
-
-
-
-
-
-
-
-
- Fluent - Fluent -
- -
-
-
- Mira - Mira -
- -
-
-
- Nano - Nano -
- -
-
-
-
\ No newline at end of file diff --git a/src/app/showcase/service/appconfigservice.ts b/src/app/showcase/service/appconfigservice.ts index 031cec96f87..83c4d67f7f0 100644 --- a/src/app/showcase/service/appconfigservice.ts +++ b/src/app/showcase/service/appconfigservice.ts @@ -9,7 +9,7 @@ import { isPlatformBrowser } from '@angular/common'; }) export class AppConfigService { _config: AppConfig = { - theme: 'lara-light-blue', + theme: 'aura-light-blue', darkMode: false, inputStyle: 'outlined', ripple: true, diff --git a/src/assets/components/themes/arya-blue/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/arya-blue/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/arya-blue/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/arya-blue/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/arya-blue/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/arya-blue/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/arya-blue/theme.css b/src/assets/components/themes/arya-blue/theme.css index df0408f56f5..d5851de222d 100644 --- a/src/assets/components/themes/arya-blue/theme.css +++ b/src/assets/components/themes/arya-blue/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.4; } + .p-error { color: #ef9a9a; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } + .p-autocomplete-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -427,9 +440,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -437,19 +452,23 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #ef9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } + .p-datepicker { padding: 0.5rem; background: #1e1e1e; @@ -476,7 +495,7 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #64B5F6; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -664,10 +684,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } + .p-cascadeselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #383838; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #383838; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #ef9a9a; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -768,6 +794,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #2396f2; color: #212529; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ef9a9a; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #383838; } @@ -831,12 +861,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #2396f2; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ef9a9a; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #64B5F6; } @@ -875,9 +908,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #ef9a9a; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } @@ -885,22 +920,26 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #1e1e1e; border: 1px solid #383838; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: rgba(255, 255, 255, 0.87); } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #121212; border: 1px solid #383838; @@ -944,6 +983,7 @@ .p-dropdown.p-invalid.p-component { border-color: #ef9a9a; } + .p-dropdown-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1007,6 +1047,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #383838; } @@ -1019,14 +1060,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #ef9a9a; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1039,68 +1083,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #383838; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.5rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1108,9 +1162,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #ef9a9a; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } @@ -1118,21 +1174,25 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.857rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.857rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1171,9 +1231,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #43a5f4; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ef9a9a; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1206,54 +1268,69 @@ font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-float-label > label { left: 0.5rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #ef9a9a; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2rem; } + .p-input-icon-left.p-float-label > label { left: 2rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2rem; } + .p-icon-field-left.p-float-label > label { left: 2rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { background-color: #383838; } @@ -1263,14 +1340,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #383838; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-listbox { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1345,9 +1425,11 @@ box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ef9a9a; } + .p-multiselect { background: #121212; border: 1px solid #383838; @@ -1387,9 +1469,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.5rem; } @@ -1397,6 +1481,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-multiselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1485,6 +1570,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #383838; } @@ -1494,12 +1580,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #383838; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #ef9a9a; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #ef9a9a; } + .p-password-panel { padding: 1rem; background: #1e1e1e; @@ -1521,6 +1610,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } + p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1528,6 +1618,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1535,6 +1626,7 @@ color: rgba(255, 255, 255, 0.6); right: 2rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1572,9 +1664,11 @@ background: #2396f2; color: #212529; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #ef9a9a; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #383838; } @@ -1587,9 +1681,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #2396f2; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1620,6 +1716,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f48fb1; } + .p-selectbutton .p-button { background: #1e1e1e; border: 1px solid #383838; @@ -1627,7 +1724,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1636,7 +1733,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1645,7 +1742,7 @@ color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #212529; } .p-selectbutton .p-button.p-highlight:hover { @@ -1654,12 +1751,14 @@ color: #212529; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #ef9a9a; } + .p-slider { background: #383838; border: 0 none; @@ -1711,6 +1810,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #1e1e1e; border: 1px solid #383838; @@ -1718,7 +1818,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1727,7 +1827,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1736,7 +1836,7 @@ color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #212529; } .p-togglebutton.p-button.p-highlight:hover { @@ -1745,12 +1845,14 @@ color: #212529; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #ef9a9a; } + .p-treeselect { background: #121212; border: 1px solid #383838; @@ -1787,12 +1889,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #ef9a9a; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } + .p-treeselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1852,6 +1957,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #383838; } @@ -1861,6 +1967,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #383838; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.5rem; } @@ -1868,6 +1975,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-button { color: #212529; background: #64B5F6; @@ -1979,7 +2087,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2006,6 +2114,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2018,414 +2127,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #78909c; border: 1px solid #78909c; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #69838f; color: #ffffff; border-color: #69838f; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a1b1ba; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #5d747f; color: #ffffff; border-color: #5d747f; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #78909c; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); color: #78909c; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); color: #78909c; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #78909c; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; color: #78909c; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; color: #78909c; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #121212; background: #81d4fa; border: 1px solid #81d4fa; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #5dc8f9; color: #121212; border-color: #5dc8f9; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a7e1fc; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #38bbf7; color: #121212; border-color: #38bbf7; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #81d4fa; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); color: #81d4fa; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); color: #81d4fa; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #81d4fa; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; color: #81d4fa; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; color: #81d4fa; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #121212; background: #c5e1a5; border: 1px solid #c5e1a5; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #b2d788; color: #121212; border-color: #b2d788; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d6eac0; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #9fce6b; color: #121212; border-color: #9fce6b; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #c5e1a5; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); color: #c5e1a5; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); color: #c5e1a5; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #c5e1a5; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; color: #c5e1a5; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; color: #c5e1a5; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #121212; background: #ffe082; border: 1px solid #ffe082; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd65c; color: #121212; border-color: #ffd65c; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffe9a8; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcd35; color: #121212; border-color: #ffcd35; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #ffe082; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffe082; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; color: #ffe082; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; color: #ffe082; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; background: #ce93d8; border: 1px solid #ce93d8; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #c278ce; color: #121212; border-color: #c278ce; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ddb3e4; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #b65ec5; color: #121212; border-color: #b65ec5; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #ce93d8; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #ce93d8; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; color: #ce93d8; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; color: #ce93d8; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #121212; background: #f48fb1; border: 1px solid #f48fb1; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #f16c98; color: #121212; border-color: #f16c98; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f7b1c8; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ed4980; color: #121212; border-color: #ed4980; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #f48fb1; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #f48fb1; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #f48fb1; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #f48fb1; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; color: #f48fb1; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; color: #f48fb1; } + .p-button.p-button-link { color: #64B5F6; background: transparent; @@ -2449,6 +2565,7 @@ color: #64B5F6; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2460,14 +2577,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2478,45 +2598,52 @@ background: rgba(255, 255, 255, 0.6); color: #121212; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2594,6 +2721,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #78909c; @@ -2622,6 +2750,7 @@ border-color: transparent; color: #78909c; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #81d4fa; @@ -2650,6 +2779,7 @@ border-color: transparent; color: #81d4fa; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2678,6 +2808,7 @@ border-color: transparent; color: #c5e1a5; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2706,6 +2837,7 @@ border-color: transparent; color: #ffe082; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2734,6 +2866,7 @@ border-color: transparent; color: #ce93d8; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f48fb1; @@ -2762,8 +2895,9 @@ border-color: transparent; color: #f48fb1; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2774,13 +2908,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -2806,6 +2940,7 @@ background: rgba(100, 181, 246, 0.16); color: rgba(255, 255, 255, 0.87); } + .p-datatable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -2899,9 +3034,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2911,17 +3046,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -2951,12 +3086,12 @@ background: #64B5F6; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #1e1e1e; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #1e1e1e; } .p-datatable .p-datatable-loading-icon { @@ -3059,6 +3194,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3097,10 +3233,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3128,6 +3266,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3147,6 +3286,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-column-filter-overlay { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3184,6 +3324,7 @@ border-top: 1px solid #383838; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; @@ -3212,6 +3353,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3297,6 +3439,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3305,6 +3448,7 @@ background: #1e1e1e; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3343,6 +3487,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-paginator { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -3352,9 +3497,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3365,9 +3510,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); border-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -3424,6 +3569,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3509,6 +3655,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3517,6 +3664,7 @@ background: #1e1e1e; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #64B5F6; border-radius: 50%; @@ -3528,19 +3676,20 @@ background-color: #383838; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #383838; background: #1e1e1e; @@ -3597,11 +3746,11 @@ color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3674,6 +3823,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3813,7 +3963,7 @@ background: #64B5F6; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #1e1e1e; } .p-treetable .p-treetable-loading-icon { @@ -3874,6 +4024,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -3898,6 +4049,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #383838; @@ -3970,6 +4122,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-card { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3995,6 +4148,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #1e1e1e; } @@ -4018,6 +4172,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #383838; background: #1e1e1e; @@ -4058,6 +4213,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid #383838; padding: 1rem; @@ -4124,6 +4280,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #383838; border: 0 none; @@ -4134,6 +4291,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-splitter { border: 1px solid #383838; background: #1e1e1e; @@ -4155,164 +4313,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #383838; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 3px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - font-weight: 600; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #64B5F6; - } - .p-stepper .p-stepper-panels { - background: #1e1e1e; - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #383838; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #64B5F6; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4381,6 +4382,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #1e1e1e; border: 1px solid #383838; @@ -4391,6 +4393,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4438,6 +4441,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4510,6 +4514,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4551,6 +4556,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #383838; } + .p-sidebar { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4561,7 +4567,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4571,13 +4577,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -4591,6 +4597,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #383838; color: rgba(255, 255, 255, 0.87); @@ -4610,6 +4617,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #383838; } + .p-fileupload .p-fileupload-buttonbar { background: #1e1e1e; padding: 1rem; @@ -4649,6 +4657,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #43a5f4; color: #212529; @@ -4659,6 +4668,7 @@ color: #212529; border-color: #2396f2; } + .p-breadcrumb { background: #1e1e1e; border: 1px solid #383838; @@ -4690,6 +4700,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.25rem 0; background: #1e1e1e; @@ -4737,7 +4748,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4751,7 +4762,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4762,7 +4773,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4776,6 +4787,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4799,31 +4811,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4882,7 +4895,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4896,7 +4909,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4907,7 +4920,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -4965,9 +4978,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } + .p-menu { padding: 0.25rem 0; background: #1e1e1e; @@ -5004,7 +5018,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5018,7 +5032,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5029,7 +5043,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5063,6 +5077,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #1e1e1e; @@ -5101,7 +5116,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5132,7 +5147,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5146,7 +5161,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5157,7 +5172,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5174,6 +5189,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5348,7 +5364,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5362,7 +5378,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5373,7 +5389,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5413,6 +5429,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-slidemenu { padding: 0.25rem 0; background: #1e1e1e; @@ -5455,7 +5472,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5469,7 +5486,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5480,7 +5497,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5527,6 +5544,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5571,6 +5589,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #383838; @@ -5641,6 +5660,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #93cbf9; } + .p-tieredmenu { padding: 0.25rem 0; background: #1e1e1e; @@ -5691,7 +5711,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5705,7 +5725,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5716,7 +5736,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5730,6 +5750,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5785,6 +5806,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5873,6 +5895,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5923,7 +5946,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #044868; } .p-toast .p-toast-message.p-toast-message-success { @@ -5933,7 +5956,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5943,7 +5966,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { @@ -5953,9 +5976,10 @@ color: #73000c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #73000c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5986,7 +6010,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6043,7 +6067,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6053,7 +6077,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6062,23 +6086,29 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6102,6 +6132,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #383838; border-radius: 3px; @@ -6122,9 +6153,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #1e1e1e; } + .p-badge { background: #64B5F6; color: #212529; @@ -6166,6 +6199,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #383838; color: rgba(255, 255, 255, 0.87); @@ -6201,6 +6235,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6215,15 +6250,19 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6231,19 +6270,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6303,6 +6347,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6318,6 +6363,7 @@ color: #212529; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6339,6 +6385,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6346,6 +6393,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #64B5F6; color: #212529; @@ -6378,6 +6426,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -6395,12 +6444,14 @@ .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #64B5F6; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #64B5F6; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #64B5F6; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #64B5F6; } diff --git a/src/assets/components/themes/arya-green/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/arya-green/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/arya-green/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/arya-green/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/arya-green/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/arya-green/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/arya-green/theme.css b/src/assets/components/themes/arya-green/theme.css index fd922de8cf6..fa3ac9e8292 100644 --- a/src/assets/components/themes/arya-green/theme.css +++ b/src/assets/components/themes/arya-green/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.4; } + .p-error { color: #ef9a9a; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } + .p-autocomplete-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -427,9 +440,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -437,19 +452,23 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #ef9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } + .p-datepicker { padding: 0.5rem; background: #1e1e1e; @@ -476,7 +495,7 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #81C784; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -664,10 +684,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } + .p-cascadeselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #383838; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #383838; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #ef9a9a; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -768,6 +794,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #54b358; color: #212529; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ef9a9a; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #383838; } @@ -831,12 +861,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #54b358; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ef9a9a; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #81C784; } @@ -875,9 +908,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #ef9a9a; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } @@ -885,22 +920,26 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #1e1e1e; border: 1px solid #383838; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: rgba(255, 255, 255, 0.87); } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #121212; border: 1px solid #383838; @@ -944,6 +983,7 @@ .p-dropdown.p-invalid.p-component { border-color: #ef9a9a; } + .p-dropdown-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1007,6 +1047,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #383838; } @@ -1019,14 +1060,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #ef9a9a; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1039,68 +1083,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #383838; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.5rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1108,9 +1162,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #ef9a9a; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } @@ -1118,21 +1174,25 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.857rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.857rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1171,9 +1231,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #6abd6e; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ef9a9a; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1206,54 +1268,69 @@ font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-float-label > label { left: 0.5rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #ef9a9a; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2rem; } + .p-input-icon-left.p-float-label > label { left: 2rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2rem; } + .p-icon-field-left.p-float-label > label { left: 2rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { background-color: #383838; } @@ -1263,14 +1340,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #383838; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-listbox { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1345,9 +1425,11 @@ box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ef9a9a; } + .p-multiselect { background: #121212; border: 1px solid #383838; @@ -1387,9 +1469,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.5rem; } @@ -1397,6 +1481,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-multiselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1485,6 +1570,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #383838; } @@ -1494,12 +1580,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #383838; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #ef9a9a; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #ef9a9a; } + .p-password-panel { padding: 1rem; background: #1e1e1e; @@ -1521,6 +1610,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } + p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1528,6 +1618,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1535,6 +1626,7 @@ color: rgba(255, 255, 255, 0.6); right: 2rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1572,9 +1664,11 @@ background: #54b358; color: #212529; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #ef9a9a; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #383838; } @@ -1587,9 +1681,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #54b358; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1620,6 +1716,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f48fb1; } + .p-selectbutton .p-button { background: #1e1e1e; border: 1px solid #383838; @@ -1627,7 +1724,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1636,7 +1733,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1645,7 +1742,7 @@ color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #212529; } .p-selectbutton .p-button.p-highlight:hover { @@ -1654,12 +1751,14 @@ color: #212529; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #ef9a9a; } + .p-slider { background: #383838; border: 0 none; @@ -1711,6 +1810,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #1e1e1e; border: 1px solid #383838; @@ -1718,7 +1818,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1727,7 +1827,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1736,7 +1836,7 @@ color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #212529; } .p-togglebutton.p-button.p-highlight:hover { @@ -1745,12 +1845,14 @@ color: #212529; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #ef9a9a; } + .p-treeselect { background: #121212; border: 1px solid #383838; @@ -1787,12 +1889,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #ef9a9a; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } + .p-treeselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1852,6 +1957,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #383838; } @@ -1861,6 +1967,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #383838; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.5rem; } @@ -1868,6 +1975,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-button { color: #212529; background: #81C784; @@ -1979,7 +2087,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2006,6 +2114,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2018,414 +2127,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #78909c; border: 1px solid #78909c; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #69838f; color: #ffffff; border-color: #69838f; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a1b1ba; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #5d747f; color: #ffffff; border-color: #5d747f; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #78909c; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); color: #78909c; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); color: #78909c; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #78909c; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; color: #78909c; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; color: #78909c; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #121212; background: #81d4fa; border: 1px solid #81d4fa; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #5dc8f9; color: #121212; border-color: #5dc8f9; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a7e1fc; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #38bbf7; color: #121212; border-color: #38bbf7; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #81d4fa; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); color: #81d4fa; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); color: #81d4fa; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #81d4fa; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; color: #81d4fa; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; color: #81d4fa; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #121212; background: #c5e1a5; border: 1px solid #c5e1a5; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #b2d788; color: #121212; border-color: #b2d788; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d6eac0; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #9fce6b; color: #121212; border-color: #9fce6b; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #c5e1a5; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); color: #c5e1a5; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); color: #c5e1a5; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #c5e1a5; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; color: #c5e1a5; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; color: #c5e1a5; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #121212; background: #ffe082; border: 1px solid #ffe082; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd65c; color: #121212; border-color: #ffd65c; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffe9a8; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcd35; color: #121212; border-color: #ffcd35; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #ffe082; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffe082; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; color: #ffe082; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; color: #ffe082; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; background: #ce93d8; border: 1px solid #ce93d8; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #c278ce; color: #121212; border-color: #c278ce; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ddb3e4; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #b65ec5; color: #121212; border-color: #b65ec5; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #ce93d8; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #ce93d8; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; color: #ce93d8; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; color: #ce93d8; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #121212; background: #f48fb1; border: 1px solid #f48fb1; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #f16c98; color: #121212; border-color: #f16c98; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f7b1c8; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ed4980; color: #121212; border-color: #ed4980; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #f48fb1; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #f48fb1; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #f48fb1; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #f48fb1; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; color: #f48fb1; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; color: #f48fb1; } + .p-button.p-button-link { color: #81C784; background: transparent; @@ -2449,6 +2565,7 @@ color: #81C784; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2460,14 +2577,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2478,45 +2598,52 @@ background: rgba(255, 255, 255, 0.6); color: #121212; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2594,6 +2721,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #78909c; @@ -2622,6 +2750,7 @@ border-color: transparent; color: #78909c; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #81d4fa; @@ -2650,6 +2779,7 @@ border-color: transparent; color: #81d4fa; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2678,6 +2808,7 @@ border-color: transparent; color: #c5e1a5; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2706,6 +2837,7 @@ border-color: transparent; color: #ffe082; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2734,6 +2866,7 @@ border-color: transparent; color: #ce93d8; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f48fb1; @@ -2762,8 +2895,9 @@ border-color: transparent; color: #f48fb1; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2774,13 +2908,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -2806,6 +2940,7 @@ background: rgba(129, 199, 132, 0.16); color: rgba(255, 255, 255, 0.87); } + .p-datatable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -2899,9 +3034,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2911,17 +3046,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -2951,12 +3086,12 @@ background: #81C784; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #1e1e1e; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #1e1e1e; } .p-datatable .p-datatable-loading-icon { @@ -3059,6 +3194,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3097,10 +3233,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3128,6 +3266,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3147,6 +3286,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-column-filter-overlay { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3184,6 +3324,7 @@ border-top: 1px solid #383838; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; @@ -3212,6 +3353,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3297,6 +3439,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3305,6 +3448,7 @@ background: #1e1e1e; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3343,6 +3487,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-paginator { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -3352,9 +3497,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3365,9 +3510,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); border-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -3424,6 +3569,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3509,6 +3655,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3517,6 +3664,7 @@ background: #1e1e1e; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #81C784; border-radius: 50%; @@ -3528,19 +3676,20 @@ background-color: #383838; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #383838; background: #1e1e1e; @@ -3597,11 +3746,11 @@ color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3674,6 +3823,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3813,7 +3963,7 @@ background: #81C784; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #1e1e1e; } .p-treetable .p-treetable-loading-icon { @@ -3874,6 +4024,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -3898,6 +4049,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #383838; @@ -3970,6 +4122,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-card { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3995,6 +4148,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #1e1e1e; } @@ -4018,6 +4172,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #383838; background: #1e1e1e; @@ -4058,6 +4213,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid #383838; padding: 1rem; @@ -4124,6 +4280,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #383838; border: 0 none; @@ -4134,6 +4291,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-splitter { border: 1px solid #383838; background: #1e1e1e; @@ -4155,164 +4313,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #383838; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 3px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - font-weight: 600; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #81C784; - } - .p-stepper .p-stepper-panels { - background: #1e1e1e; - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #383838; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #81C784; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4381,6 +4382,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #1e1e1e; border: 1px solid #383838; @@ -4391,6 +4393,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4438,6 +4441,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4510,6 +4514,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4551,6 +4556,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #383838; } + .p-sidebar { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4561,7 +4567,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4571,13 +4577,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -4591,6 +4597,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #383838; color: rgba(255, 255, 255, 0.87); @@ -4610,6 +4617,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #383838; } + .p-fileupload .p-fileupload-buttonbar { background: #1e1e1e; padding: 1rem; @@ -4649,6 +4657,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #6abd6e; color: #212529; @@ -4659,6 +4668,7 @@ color: #212529; border-color: #54b358; } + .p-breadcrumb { background: #1e1e1e; border: 1px solid #383838; @@ -4690,6 +4700,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.25rem 0; background: #1e1e1e; @@ -4737,7 +4748,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4751,7 +4762,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4762,7 +4773,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4776,6 +4787,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4799,31 +4811,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4882,7 +4895,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4896,7 +4909,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4907,7 +4920,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -4965,9 +4978,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } + .p-menu { padding: 0.25rem 0; background: #1e1e1e; @@ -5004,7 +5018,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5018,7 +5032,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5029,7 +5043,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5063,6 +5077,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #1e1e1e; @@ -5101,7 +5116,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5132,7 +5147,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5146,7 +5161,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5157,7 +5172,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5174,6 +5189,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5348,7 +5364,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5362,7 +5378,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5373,7 +5389,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5413,6 +5429,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-slidemenu { padding: 0.25rem 0; background: #1e1e1e; @@ -5455,7 +5472,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5469,7 +5486,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5480,7 +5497,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5527,6 +5544,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5571,6 +5589,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #383838; @@ -5641,6 +5660,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #a7d8a9; } + .p-tieredmenu { padding: 0.25rem 0; background: #1e1e1e; @@ -5691,7 +5711,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5705,7 +5725,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5716,7 +5736,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5730,6 +5750,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5785,6 +5806,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5873,6 +5895,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5923,7 +5946,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #044868; } .p-toast .p-toast-message.p-toast-message-success { @@ -5933,7 +5956,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5943,7 +5966,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { @@ -5953,9 +5976,10 @@ color: #73000c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #73000c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5986,7 +6010,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6043,7 +6067,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6053,7 +6077,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6062,23 +6086,29 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6102,6 +6132,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #383838; border-radius: 3px; @@ -6122,9 +6153,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #1e1e1e; } + .p-badge { background: #81C784; color: #212529; @@ -6166,6 +6199,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #383838; color: rgba(255, 255, 255, 0.87); @@ -6201,6 +6235,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6215,15 +6250,19 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6231,19 +6270,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6303,6 +6347,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6318,6 +6363,7 @@ color: #212529; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6339,6 +6385,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6346,6 +6393,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #81C784; color: #212529; @@ -6378,6 +6426,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -6395,12 +6444,14 @@ .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #81C784; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #81C784; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #81C784; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #81C784; } diff --git a/src/assets/components/themes/arya-orange/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/arya-orange/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/arya-orange/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/arya-orange/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/arya-orange/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/arya-orange/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/arya-orange/theme.css b/src/assets/components/themes/arya-orange/theme.css index 687cb9e5a11..e5de358455e 100644 --- a/src/assets/components/themes/arya-orange/theme.css +++ b/src/assets/components/themes/arya-orange/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.4; } + .p-error { color: #ef9a9a; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } + .p-autocomplete-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -427,9 +440,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -437,19 +452,23 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #ef9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } + .p-datepicker { padding: 0.5rem; background: #1e1e1e; @@ -476,7 +495,7 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #FFD54F; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -664,10 +684,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } + .p-cascadeselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #383838; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #383838; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #ef9a9a; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -768,6 +794,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #ffc50c; color: #212529; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ef9a9a; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #383838; } @@ -831,12 +861,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #ffc50c; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ef9a9a; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #FFD54F; } @@ -875,9 +908,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #ef9a9a; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } @@ -885,22 +920,26 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #1e1e1e; border: 1px solid #383838; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: rgba(255, 255, 255, 0.87); } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #121212; border: 1px solid #383838; @@ -944,6 +983,7 @@ .p-dropdown.p-invalid.p-component { border-color: #ef9a9a; } + .p-dropdown-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1007,6 +1047,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #383838; } @@ -1019,14 +1060,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #ef9a9a; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1039,68 +1083,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #383838; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.5rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1108,9 +1162,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #ef9a9a; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } @@ -1118,21 +1174,25 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.857rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.857rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1171,9 +1231,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #ffcd2e; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ef9a9a; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1206,54 +1268,69 @@ font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-float-label > label { left: 0.5rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #ef9a9a; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2rem; } + .p-input-icon-left.p-float-label > label { left: 2rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2rem; } + .p-icon-field-left.p-float-label > label { left: 2rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { background-color: #383838; } @@ -1263,14 +1340,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #383838; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-listbox { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1345,9 +1425,11 @@ box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ef9a9a; } + .p-multiselect { background: #121212; border: 1px solid #383838; @@ -1387,9 +1469,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.5rem; } @@ -1397,6 +1481,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-multiselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1485,6 +1570,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #383838; } @@ -1494,12 +1580,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #383838; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #ef9a9a; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #ef9a9a; } + .p-password-panel { padding: 1rem; background: #1e1e1e; @@ -1521,6 +1610,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } + p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1528,6 +1618,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1535,6 +1626,7 @@ color: rgba(255, 255, 255, 0.6); right: 2rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1572,9 +1664,11 @@ background: #ffc50c; color: #212529; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #ef9a9a; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #383838; } @@ -1587,9 +1681,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #ffc50c; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1620,6 +1716,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f48fb1; } + .p-selectbutton .p-button { background: #1e1e1e; border: 1px solid #383838; @@ -1627,7 +1724,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1636,7 +1733,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1645,7 +1742,7 @@ color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #212529; } .p-selectbutton .p-button.p-highlight:hover { @@ -1654,12 +1751,14 @@ color: #212529; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #ef9a9a; } + .p-slider { background: #383838; border: 0 none; @@ -1711,6 +1810,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #1e1e1e; border: 1px solid #383838; @@ -1718,7 +1818,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1727,7 +1827,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1736,7 +1836,7 @@ color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #212529; } .p-togglebutton.p-button.p-highlight:hover { @@ -1745,12 +1845,14 @@ color: #212529; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #ef9a9a; } + .p-treeselect { background: #121212; border: 1px solid #383838; @@ -1787,12 +1889,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #ef9a9a; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } + .p-treeselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1852,6 +1957,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #383838; } @@ -1861,6 +1967,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #383838; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.5rem; } @@ -1868,6 +1975,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-button { color: #212529; background: #FFD54F; @@ -1979,7 +2087,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2006,6 +2114,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2018,414 +2127,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #78909c; border: 1px solid #78909c; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #69838f; color: #ffffff; border-color: #69838f; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a1b1ba; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #5d747f; color: #ffffff; border-color: #5d747f; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #78909c; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); color: #78909c; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); color: #78909c; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #78909c; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; color: #78909c; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; color: #78909c; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #121212; background: #81d4fa; border: 1px solid #81d4fa; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #5dc8f9; color: #121212; border-color: #5dc8f9; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a7e1fc; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #38bbf7; color: #121212; border-color: #38bbf7; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #81d4fa; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); color: #81d4fa; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); color: #81d4fa; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #81d4fa; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; color: #81d4fa; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; color: #81d4fa; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #121212; background: #c5e1a5; border: 1px solid #c5e1a5; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #b2d788; color: #121212; border-color: #b2d788; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d6eac0; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #9fce6b; color: #121212; border-color: #9fce6b; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #c5e1a5; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); color: #c5e1a5; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); color: #c5e1a5; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #c5e1a5; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; color: #c5e1a5; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; color: #c5e1a5; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #121212; background: #ffe082; border: 1px solid #ffe082; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd65c; color: #121212; border-color: #ffd65c; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffe9a8; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcd35; color: #121212; border-color: #ffcd35; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #ffe082; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffe082; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; color: #ffe082; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; color: #ffe082; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; background: #ce93d8; border: 1px solid #ce93d8; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #c278ce; color: #121212; border-color: #c278ce; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ddb3e4; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #b65ec5; color: #121212; border-color: #b65ec5; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #ce93d8; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #ce93d8; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; color: #ce93d8; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; color: #ce93d8; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #121212; background: #f48fb1; border: 1px solid #f48fb1; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #f16c98; color: #121212; border-color: #f16c98; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f7b1c8; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ed4980; color: #121212; border-color: #ed4980; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #f48fb1; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #f48fb1; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #f48fb1; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #f48fb1; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; color: #f48fb1; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; color: #f48fb1; } + .p-button.p-button-link { color: #FFD54F; background: transparent; @@ -2449,6 +2565,7 @@ color: #FFD54F; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2460,14 +2577,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2478,45 +2598,52 @@ background: rgba(255, 255, 255, 0.6); color: #121212; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2594,6 +2721,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #78909c; @@ -2622,6 +2750,7 @@ border-color: transparent; color: #78909c; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #81d4fa; @@ -2650,6 +2779,7 @@ border-color: transparent; color: #81d4fa; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2678,6 +2808,7 @@ border-color: transparent; color: #c5e1a5; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2706,6 +2837,7 @@ border-color: transparent; color: #ffe082; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2734,6 +2866,7 @@ border-color: transparent; color: #ce93d8; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f48fb1; @@ -2762,8 +2895,9 @@ border-color: transparent; color: #f48fb1; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2774,13 +2908,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -2806,6 +2940,7 @@ background: rgba(255, 213, 79, 0.16); color: rgba(255, 255, 255, 0.87); } + .p-datatable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -2899,9 +3034,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2911,17 +3046,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -2951,12 +3086,12 @@ background: #FFD54F; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #1e1e1e; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #1e1e1e; } .p-datatable .p-datatable-loading-icon { @@ -3059,6 +3194,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3097,10 +3233,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3128,6 +3266,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3147,6 +3286,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-column-filter-overlay { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3184,6 +3324,7 @@ border-top: 1px solid #383838; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; @@ -3212,6 +3353,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3297,6 +3439,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3305,6 +3448,7 @@ background: #1e1e1e; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3343,6 +3487,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-paginator { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -3352,9 +3497,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3365,9 +3510,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); border-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -3424,6 +3569,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3509,6 +3655,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3517,6 +3664,7 @@ background: #1e1e1e; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #FFD54F; border-radius: 50%; @@ -3528,19 +3676,20 @@ background-color: #383838; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #383838; background: #1e1e1e; @@ -3597,11 +3746,11 @@ color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3674,6 +3823,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3813,7 +3963,7 @@ background: #FFD54F; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #1e1e1e; } .p-treetable .p-treetable-loading-icon { @@ -3874,6 +4024,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -3898,6 +4049,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #383838; @@ -3970,6 +4122,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-card { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3995,6 +4148,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #1e1e1e; } @@ -4018,6 +4172,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #383838; background: #1e1e1e; @@ -4058,6 +4213,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid #383838; padding: 1rem; @@ -4124,6 +4280,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #383838; border: 0 none; @@ -4134,6 +4291,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-splitter { border: 1px solid #383838; background: #1e1e1e; @@ -4155,164 +4313,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #383838; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 3px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - font-weight: 600; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #FFD54F; - } - .p-stepper .p-stepper-panels { - background: #1e1e1e; - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #383838; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #FFD54F; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4381,6 +4382,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #1e1e1e; border: 1px solid #383838; @@ -4391,6 +4393,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4438,6 +4441,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4510,6 +4514,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4551,6 +4556,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #383838; } + .p-sidebar { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4561,7 +4567,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4571,13 +4577,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -4591,6 +4597,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #383838; color: rgba(255, 255, 255, 0.87); @@ -4610,6 +4617,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #383838; } + .p-fileupload .p-fileupload-buttonbar { background: #1e1e1e; padding: 1rem; @@ -4649,6 +4657,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #ffcd2e; color: #212529; @@ -4659,6 +4668,7 @@ color: #212529; border-color: #ffc50c; } + .p-breadcrumb { background: #1e1e1e; border: 1px solid #383838; @@ -4690,6 +4700,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.25rem 0; background: #1e1e1e; @@ -4737,7 +4748,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4751,7 +4762,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4762,7 +4773,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4776,6 +4787,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4799,31 +4811,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4882,7 +4895,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4896,7 +4909,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4907,7 +4920,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -4965,9 +4978,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } + .p-menu { padding: 0.25rem 0; background: #1e1e1e; @@ -5004,7 +5018,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5018,7 +5032,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5029,7 +5043,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5063,6 +5077,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #1e1e1e; @@ -5101,7 +5116,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5132,7 +5147,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5146,7 +5161,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5157,7 +5172,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5174,6 +5189,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5348,7 +5364,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5362,7 +5378,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5373,7 +5389,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5413,6 +5429,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-slidemenu { padding: 0.25rem 0; background: #1e1e1e; @@ -5455,7 +5472,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5469,7 +5486,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5480,7 +5497,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5527,6 +5544,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5571,6 +5589,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #383838; @@ -5641,6 +5660,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #ffe284; } + .p-tieredmenu { padding: 0.25rem 0; background: #1e1e1e; @@ -5691,7 +5711,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5705,7 +5725,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5716,7 +5736,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5730,6 +5750,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5785,6 +5806,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5873,6 +5895,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5923,7 +5946,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #044868; } .p-toast .p-toast-message.p-toast-message-success { @@ -5933,7 +5956,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5943,7 +5966,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { @@ -5953,9 +5976,10 @@ color: #73000c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #73000c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5986,7 +6010,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6043,7 +6067,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6053,7 +6077,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6062,23 +6086,29 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6102,6 +6132,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #383838; border-radius: 3px; @@ -6122,9 +6153,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #1e1e1e; } + .p-badge { background: #FFD54F; color: #212529; @@ -6166,6 +6199,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #383838; color: rgba(255, 255, 255, 0.87); @@ -6201,6 +6235,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6215,15 +6250,19 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6231,19 +6270,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6303,6 +6347,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6318,6 +6363,7 @@ color: #212529; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6339,6 +6385,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6346,6 +6393,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #FFD54F; color: #212529; @@ -6378,6 +6426,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -6395,12 +6444,14 @@ .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #FFD54F; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #FFD54F; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #FFD54F; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #FFD54F; } diff --git a/src/assets/components/themes/arya-purple/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/arya-purple/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/arya-purple/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/arya-purple/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/arya-purple/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/arya-purple/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/arya-purple/theme.css b/src/assets/components/themes/arya-purple/theme.css index 043c2bb9e42..a385cd3163a 100644 --- a/src/assets/components/themes/arya-purple/theme.css +++ b/src/assets/components/themes/arya-purple/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.4; } + .p-error { color: #ef9a9a; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } + .p-autocomplete-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -427,9 +440,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -437,19 +452,23 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #ef9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } + .p-datepicker { padding: 0.5rem; background: #1e1e1e; @@ -476,7 +495,7 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #BA68C8; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -664,10 +684,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } + .p-cascadeselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #383838; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #383838; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #ef9a9a; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -768,6 +794,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #a241b2; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ef9a9a; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #383838; } @@ -831,12 +861,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #a241b2; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ef9a9a; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #BA68C8; } @@ -875,9 +908,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #ef9a9a; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } @@ -885,22 +920,26 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #1e1e1e; border: 1px solid #383838; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: rgba(255, 255, 255, 0.87); } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #121212; border: 1px solid #383838; @@ -944,6 +983,7 @@ .p-dropdown.p-invalid.p-component { border-color: #ef9a9a; } + .p-dropdown-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1007,6 +1047,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #383838; } @@ -1019,14 +1060,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #ef9a9a; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1039,68 +1083,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #383838; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.5rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1108,9 +1162,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #ef9a9a; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } @@ -1118,21 +1174,25 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.857rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.857rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1171,9 +1231,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #b052c0; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ef9a9a; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1206,54 +1268,69 @@ font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-float-label > label { left: 0.5rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #ef9a9a; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2rem; } + .p-input-icon-left.p-float-label > label { left: 2rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2rem; } + .p-icon-field-left.p-float-label > label { left: 2rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { background-color: #383838; } @@ -1263,14 +1340,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #383838; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-listbox { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1345,9 +1425,11 @@ box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ef9a9a; } + .p-multiselect { background: #121212; border: 1px solid #383838; @@ -1387,9 +1469,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.5rem; } @@ -1397,6 +1481,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-multiselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1485,6 +1570,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #383838; } @@ -1494,12 +1580,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #383838; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #ef9a9a; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #ef9a9a; } + .p-password-panel { padding: 1rem; background: #1e1e1e; @@ -1521,6 +1610,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } + p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1528,6 +1618,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1535,6 +1626,7 @@ color: rgba(255, 255, 255, 0.6); right: 2rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1572,9 +1664,11 @@ background: #a241b2; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #ef9a9a; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #383838; } @@ -1587,9 +1681,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #a241b2; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1620,6 +1716,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f48fb1; } + .p-selectbutton .p-button { background: #1e1e1e; border: 1px solid #383838; @@ -1627,7 +1724,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1636,7 +1733,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1645,7 +1742,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1654,12 +1751,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #ef9a9a; } + .p-slider { background: #383838; border: 0 none; @@ -1711,6 +1810,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #1e1e1e; border: 1px solid #383838; @@ -1718,7 +1818,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1727,7 +1827,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1736,7 +1836,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1745,12 +1845,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #ef9a9a; } + .p-treeselect { background: #121212; border: 1px solid #383838; @@ -1787,12 +1889,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #ef9a9a; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } + .p-treeselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1852,6 +1957,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #383838; } @@ -1861,6 +1967,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #383838; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.5rem; } @@ -1868,6 +1975,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-button { color: #ffffff; background: #BA68C8; @@ -1979,7 +2087,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2006,6 +2114,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2018,414 +2127,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #78909c; border: 1px solid #78909c; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #69838f; color: #ffffff; border-color: #69838f; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a1b1ba; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #5d747f; color: #ffffff; border-color: #5d747f; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #78909c; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); color: #78909c; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); color: #78909c; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #78909c; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; color: #78909c; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; color: #78909c; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #121212; background: #81d4fa; border: 1px solid #81d4fa; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #5dc8f9; color: #121212; border-color: #5dc8f9; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a7e1fc; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #38bbf7; color: #121212; border-color: #38bbf7; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #81d4fa; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); color: #81d4fa; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); color: #81d4fa; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #81d4fa; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; color: #81d4fa; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; color: #81d4fa; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #121212; background: #c5e1a5; border: 1px solid #c5e1a5; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #b2d788; color: #121212; border-color: #b2d788; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d6eac0; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #9fce6b; color: #121212; border-color: #9fce6b; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #c5e1a5; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); color: #c5e1a5; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); color: #c5e1a5; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #c5e1a5; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; color: #c5e1a5; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; color: #c5e1a5; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #121212; background: #ffe082; border: 1px solid #ffe082; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd65c; color: #121212; border-color: #ffd65c; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffe9a8; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcd35; color: #121212; border-color: #ffcd35; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #ffe082; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffe082; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; color: #ffe082; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; color: #ffe082; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; background: #ce93d8; border: 1px solid #ce93d8; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #c278ce; color: #121212; border-color: #c278ce; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ddb3e4; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #b65ec5; color: #121212; border-color: #b65ec5; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #ce93d8; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #ce93d8; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; color: #ce93d8; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; color: #ce93d8; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #121212; background: #f48fb1; border: 1px solid #f48fb1; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #f16c98; color: #121212; border-color: #f16c98; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f7b1c8; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ed4980; color: #121212; border-color: #ed4980; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #f48fb1; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #f48fb1; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #f48fb1; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #f48fb1; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; color: #f48fb1; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; color: #f48fb1; } + .p-button.p-button-link { color: #BA68C8; background: transparent; @@ -2449,6 +2565,7 @@ color: #BA68C8; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2460,14 +2577,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2478,45 +2598,52 @@ background: rgba(255, 255, 255, 0.6); color: #121212; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2594,6 +2721,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #78909c; @@ -2622,6 +2750,7 @@ border-color: transparent; color: #78909c; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #81d4fa; @@ -2650,6 +2779,7 @@ border-color: transparent; color: #81d4fa; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2678,6 +2808,7 @@ border-color: transparent; color: #c5e1a5; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2706,6 +2837,7 @@ border-color: transparent; color: #ffe082; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2734,6 +2866,7 @@ border-color: transparent; color: #ce93d8; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f48fb1; @@ -2762,8 +2895,9 @@ border-color: transparent; color: #f48fb1; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2774,13 +2908,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -2806,6 +2940,7 @@ background: rgba(186, 104, 200, 0.16); color: rgba(255, 255, 255, 0.87); } + .p-datatable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -2899,9 +3034,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2911,17 +3046,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -2951,12 +3086,12 @@ background: #BA68C8; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #1e1e1e; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #1e1e1e; } .p-datatable .p-datatable-loading-icon { @@ -3059,6 +3194,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3097,10 +3233,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3128,6 +3266,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3147,6 +3286,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-column-filter-overlay { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3184,6 +3324,7 @@ border-top: 1px solid #383838; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; @@ -3212,6 +3353,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3297,6 +3439,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3305,6 +3448,7 @@ background: #1e1e1e; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3343,6 +3487,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-paginator { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -3352,9 +3497,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3365,9 +3510,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); border-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -3424,6 +3569,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3509,6 +3655,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3517,6 +3664,7 @@ background: #1e1e1e; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #BA68C8; border-radius: 50%; @@ -3528,19 +3676,20 @@ background-color: #383838; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #383838; background: #1e1e1e; @@ -3597,11 +3746,11 @@ color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3674,6 +3823,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3813,7 +3963,7 @@ background: #BA68C8; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #1e1e1e; } .p-treetable .p-treetable-loading-icon { @@ -3874,6 +4024,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -3898,6 +4049,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #383838; @@ -3970,6 +4122,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-card { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3995,6 +4148,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #1e1e1e; } @@ -4018,6 +4172,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #383838; background: #1e1e1e; @@ -4058,6 +4213,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid #383838; padding: 1rem; @@ -4124,6 +4280,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #383838; border: 0 none; @@ -4134,6 +4291,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-splitter { border: 1px solid #383838; background: #1e1e1e; @@ -4155,164 +4313,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #383838; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 3px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - font-weight: 600; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #BA68C8; - } - .p-stepper .p-stepper-panels { - background: #1e1e1e; - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #383838; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #BA68C8; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4381,6 +4382,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #1e1e1e; border: 1px solid #383838; @@ -4391,6 +4393,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4438,6 +4441,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4510,6 +4514,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4551,6 +4556,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #383838; } + .p-sidebar { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4561,7 +4567,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4571,13 +4577,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -4591,6 +4597,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #383838; color: rgba(255, 255, 255, 0.87); @@ -4610,6 +4617,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #383838; } + .p-fileupload .p-fileupload-buttonbar { background: #1e1e1e; padding: 1rem; @@ -4649,6 +4657,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #b052c0; color: #ffffff; @@ -4659,6 +4668,7 @@ color: #ffffff; border-color: #a241b2; } + .p-breadcrumb { background: #1e1e1e; border: 1px solid #383838; @@ -4690,6 +4700,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.25rem 0; background: #1e1e1e; @@ -4737,7 +4748,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4751,7 +4762,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4762,7 +4773,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4776,6 +4787,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4799,31 +4811,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4882,7 +4895,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4896,7 +4909,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4907,7 +4920,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -4965,9 +4978,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } + .p-menu { padding: 0.25rem 0; background: #1e1e1e; @@ -5004,7 +5018,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5018,7 +5032,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5029,7 +5043,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5063,6 +5077,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #1e1e1e; @@ -5101,7 +5116,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5132,7 +5147,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5146,7 +5161,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5157,7 +5172,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5174,6 +5189,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5348,7 +5364,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5362,7 +5378,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5373,7 +5389,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5413,6 +5429,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-slidemenu { padding: 0.25rem 0; background: #1e1e1e; @@ -5455,7 +5472,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5469,7 +5486,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5480,7 +5497,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5527,6 +5544,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5571,6 +5589,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #383838; @@ -5641,6 +5660,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #cf95d9; } + .p-tieredmenu { padding: 0.25rem 0; background: #1e1e1e; @@ -5691,7 +5711,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5705,7 +5725,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5716,7 +5736,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5730,6 +5750,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5785,6 +5806,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5873,6 +5895,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5923,7 +5946,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #044868; } .p-toast .p-toast-message.p-toast-message-success { @@ -5933,7 +5956,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5943,7 +5966,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { @@ -5953,9 +5976,10 @@ color: #73000c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #73000c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5986,7 +6010,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6043,7 +6067,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6053,7 +6077,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6062,23 +6086,29 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6102,6 +6132,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #383838; border-radius: 3px; @@ -6122,9 +6153,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #1e1e1e; } + .p-badge { background: #BA68C8; color: #ffffff; @@ -6166,6 +6199,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #383838; color: rgba(255, 255, 255, 0.87); @@ -6201,6 +6235,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6215,15 +6250,19 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6231,19 +6270,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6303,6 +6347,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6318,6 +6363,7 @@ color: #ffffff; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6339,6 +6385,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6346,6 +6393,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #BA68C8; color: #ffffff; @@ -6378,6 +6426,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -6395,12 +6444,14 @@ .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #BA68C8; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #BA68C8; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #BA68C8; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #BA68C8; } diff --git a/src/assets/components/themes/aura-dark-amber/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-amber/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-amber/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-amber/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-amber/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-amber/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-amber/theme.css b/src/assets/components/themes/aura-dark-amber/theme.css new file mode 100644 index 00000000000..56840c6fec4 --- /dev/null +++ b/src/assets/components/themes/aura-dark-amber/theme.css @@ -0,0 +1,7770 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #fbbf24; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(251, 191, 36, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fffcf4; + --primary-100:#fef0ca; + --primary-200:#fde3a1; + --primary-300:#fdd777; + --primary-400:#fccb4e; + --primary-500:#fbbf24; + --primary-600:#d5a21f; + --primary-700:#b08619; + --primary-800:#8a6914; + --primary-900:#644c0e; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #fbbf24; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #fbbf24; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #fbbf24; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #fbbf24; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #fbbf24; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #fbbf24; + background: #fbbf24; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #fcd34d; + background: #fcd34d; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #fbbf24; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #fcd34d; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #fbbf24; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #fcd34d; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #fbbf24; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #fbbf24; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #fcd34d; + background: #020617; + color: #fcd34d; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #fbbf24; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #fbbf24; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #fbbf24; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #fbbf24; + border: 1px solid #fbbf24; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #fcd34d; + color: #020617; + border-color: #fcd34d; + } + .p-button:not(:disabled):active { + background: #fde68a; + color: #020617; + border-color: #fde68a; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #fbbf24; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 191, 36, 0.04); + color: #fbbf24; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 191, 36, 0.16); + color: #fbbf24; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 191, 36, 0.04); + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 191, 36, 0.16); + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #fbbf24; + background-color: #020617; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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 { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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 { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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 { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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 { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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 { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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 { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #fbbf24; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #fbbf24; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #fbbf24; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 191, 36, 0.04); + color: #fbbf24; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 191, 36, 0.16); + color: #fbbf24; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #fbbf24; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 191, 36, 0.04); + color: #fbbf24; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 191, 36, 0.16); + color: #fbbf24; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(251, 191, 36, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(251, 191, 36, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #fbbf24; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(157, 114, 3, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(251, 191, 36, 0.16); + border-color: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(225, 164, 4, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #fbbf24; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #fbbf24; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #fbbf24; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #fbbf24; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #fcd34d; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #fbbf24; + border-style: dashed; + background-color: rgba(251, 191, 36, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #fcd34d; + color: #020617; + border-color: #fcd34d; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #fde68a; + color: #020617; + border-color: #fde68a; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #fbbf24; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #fbbf24; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #fbbf24; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #fbbf24; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #fbbf24; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #fbbf24; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #fbbf24; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #fbbf24; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #fbbf24; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #fbbf24; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(251, 191, 36, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(251, 191, 36, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #fbbf24; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #fbbf24; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fbbf24; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fbbf24; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(250, 183, 8, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(250, 183, 8, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(250, 183, 8, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(250, 183, 8, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #fbbf24; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #fbbf24; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #fddf92; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #fbbf24; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #fbbf24; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #fbbf24; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #fbbf24; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #fbbf24; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #fbbf24; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #fbbf24; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(251, 191, 36, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-blue/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-blue/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-blue/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-blue/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-blue/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-blue/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-blue/theme.css b/src/assets/components/themes/aura-dark-blue/theme.css new file mode 100644 index 00000000000..dcf67d0d53a --- /dev/null +++ b/src/assets/components/themes/aura-dark-blue/theme.css @@ -0,0 +1,7770 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #60a5fa; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(96, 165, 250, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f7fbff; + --primary-100:#d9e9fe; + --primary-200:#bbd8fd; + --primary-300:#9cc7fc; + --primary-400:#7eb6fb; + --primary-500:#60a5fa; + --primary-600:#528cd5; + --primary-700:#4374af; + --primary-800:#355b8a; + --primary-900:#264264; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #60a5fa; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #60a5fa; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #60a5fa; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #60a5fa; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #60a5fa; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #60a5fa; + background: #60a5fa; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #93c5fd; + background: #93c5fd; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #60a5fa; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #93c5fd; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #60a5fa; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #93c5fd; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #60a5fa; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #60a5fa; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #93c5fd; + background: #020617; + color: #93c5fd; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #60a5fa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #60a5fa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #60a5fa; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #60a5fa; + border: 1px solid #60a5fa; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #93c5fd; + color: #020617; + border-color: #93c5fd; + } + .p-button:not(:disabled):active { + background: #bfdbfe; + color: #020617; + border-color: #bfdbfe; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #60a5fa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #60a5fa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #60a5fa; + background-color: #020617; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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 { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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 { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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 { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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 { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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 { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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 { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #60a5fa; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #60a5fa; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #60a5fa; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #60a5fa; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #60a5fa; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(96, 165, 250, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(96, 165, 250, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #60a5fa; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(7, 99, 212, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(96, 165, 250, 0.16); + border-color: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(29, 127, 248, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #60a5fa; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #60a5fa; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #60a5fa; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #60a5fa; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #93c5fd; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #60a5fa; + border-style: dashed; + background-color: rgba(96, 165, 250, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #93c5fd; + color: #020617; + border-color: #93c5fd; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #bfdbfe; + color: #020617; + border-color: #bfdbfe; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #60a5fa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #60a5fa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #60a5fa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #60a5fa; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #60a5fa; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #60a5fa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #60a5fa; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #60a5fa; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #60a5fa; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #60a5fa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(96, 165, 250, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(96, 165, 250, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #60a5fa; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #60a5fa; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #60a5fa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #60a5fa; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(62, 146, 249, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(62, 146, 249, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(62, 146, 249, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(62, 146, 249, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #60a5fa; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #60a5fa; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #b0d2fd; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #60a5fa; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #60a5fa; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #60a5fa; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #60a5fa; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #60a5fa; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #60a5fa; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #60a5fa; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(96, 165, 250, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-cyan/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-cyan/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-cyan/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-cyan/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-cyan/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-cyan/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-cyan/theme.css b/src/assets/components/themes/aura-dark-cyan/theme.css new file mode 100644 index 00000000000..684ddef00ea --- /dev/null +++ b/src/assets/components/themes/aura-dark-cyan/theme.css @@ -0,0 +1,7770 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #22d3ee; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(34, 211, 238, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f4fdfe; + --primary-100:#caf4fb; + --primary-200:#a0ecf8; + --primary-300:#76e4f4; + --primary-400:#4cdbf1; + --primary-500:#22d3ee; + --primary-600:#1db3ca; + --primary-700:#1894a7; + --primary-800:#137483; + --primary-900:#0e545f; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #22d3ee; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #22d3ee; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #22d3ee; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #22d3ee; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #22d3ee; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #22d3ee; + background: #22d3ee; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #67e8f9; + background: #67e8f9; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #22d3ee; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #67e8f9; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #22d3ee; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #67e8f9; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #22d3ee; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #22d3ee; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #67e8f9; + background: #020617; + color: #67e8f9; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #22d3ee; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #22d3ee; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #22d3ee; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #22d3ee; + border: 1px solid #22d3ee; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #67e8f9; + color: #020617; + border-color: #67e8f9; + } + .p-button:not(:disabled):active { + background: #a5f3fc; + color: #020617; + border-color: #a5f3fc; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #22d3ee; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 211, 238, 0.04); + color: #22d3ee; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 211, 238, 0.16); + color: #22d3ee; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 211, 238, 0.04); + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 211, 238, 0.16); + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #22d3ee; + background-color: #020617; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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 { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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 { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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 { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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 { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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 { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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 { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #22d3ee; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #22d3ee; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #22d3ee; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 211, 238, 0.04); + color: #22d3ee; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 211, 238, 0.16); + color: #22d3ee; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #22d3ee; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 211, 238, 0.04); + color: #22d3ee; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 211, 238, 0.16); + color: #22d3ee; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(34, 211, 238, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(34, 211, 238, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #22d3ee; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(10, 118, 134, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(34, 211, 238, 0.16); + border-color: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(16, 177, 202, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #22d3ee; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #22d3ee; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #22d3ee; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #22d3ee; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #67e8f9; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #22d3ee; + border-style: dashed; + background-color: rgba(34, 211, 238, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #67e8f9; + color: #020617; + border-color: #67e8f9; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #a5f3fc; + color: #020617; + border-color: #a5f3fc; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #22d3ee; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #22d3ee; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #22d3ee; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #22d3ee; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #22d3ee; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #22d3ee; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #22d3ee; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #22d3ee; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #22d3ee; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #22d3ee; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(34, 211, 238, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(34, 211, 238, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #22d3ee; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #22d3ee; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #22d3ee; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #22d3ee; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(17, 200, 227, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(17, 200, 227, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(17, 200, 227, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(17, 200, 227, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #22d3ee; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #22d3ee; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #91e9f7; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #22d3ee; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #22d3ee; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #22d3ee; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #22d3ee; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #22d3ee; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #22d3ee; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #22d3ee; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(34, 211, 238, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-green/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-green/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-green/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-green/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-green/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-green/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-green/theme.css b/src/assets/components/themes/aura-dark-green/theme.css new file mode 100644 index 00000000000..2b968427fd2 --- /dev/null +++ b/src/assets/components/themes/aura-dark-green/theme.css @@ -0,0 +1,7770 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #34d399; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(52, 211, 153, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f5fdfa; + --primary-100:#cef4e7; + --primary-200:#a8ecd3; + --primary-300:#81e4c0; + --primary-400:#5bdbac; + --primary-500:#34d399; + --primary-600:#2cb382; + --primary-700:#24946b; + --primary-800:#1d7454; + --primary-900:#15543d; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #34d399; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #34d399; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #34d399; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #34d399; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #34d399; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #34d399; + background: #34d399; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #6ee7b7; + background: #6ee7b7; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #34d399; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #6ee7b7; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #34d399; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #6ee7b7; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #34d399; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #34d399; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #6ee7b7; + background: #020617; + color: #6ee7b7; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #34d399; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #34d399; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #34d399; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #34d399; + border: 1px solid #34d399; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #6ee7b7; + color: #020617; + border-color: #6ee7b7; + } + .p-button:not(:disabled):active { + background: #a7f3d0; + color: #020617; + border-color: #a7f3d0; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #34d399; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(52, 211, 153, 0.04); + color: #34d399; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(52, 211, 153, 0.16); + color: #34d399; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #34d399; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(52, 211, 153, 0.04); + color: #34d399; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(52, 211, 153, 0.16); + color: #34d399; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #34d399; + background-color: #020617; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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 { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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 { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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 { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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 { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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 { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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 { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #34d399; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #34d399; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #34d399; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #34d399; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(52, 211, 153, 0.04); + color: #34d399; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(52, 211, 153, 0.16); + color: #34d399; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #34d399; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(52, 211, 153, 0.04); + color: #34d399; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(52, 211, 153, 0.16); + color: #34d399; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(52, 211, 153, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(52, 211, 153, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #34d399; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(24, 111, 80, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(52, 211, 153, 0.16); + border-color: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(37, 173, 124, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #34d399; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #34d399; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #34d399; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #34d399; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #6ee7b7; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #34d399; + border-style: dashed; + background-color: rgba(52, 211, 153, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #6ee7b7; + color: #020617; + border-color: #6ee7b7; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #a7f3d0; + color: #020617; + border-color: #a7f3d0; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #34d399; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #34d399; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #34d399; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #34d399; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #34d399; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #34d399; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #34d399; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #34d399; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #34d399; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #34d399; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(52, 211, 153, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(52, 211, 153, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #34d399; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #34d399; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #34d399; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #34d399; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(42, 195, 139, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(42, 195, 139, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(42, 195, 139, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(42, 195, 139, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #34d399; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #34d399; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #9ae9cc; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #34d399; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #34d399; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #34d399; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #34d399; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #34d399; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #34d399; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #34d399; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(52, 211, 153, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-indigo/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-indigo/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-indigo/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-indigo/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-indigo/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-indigo/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-indigo/theme.css b/src/assets/components/themes/aura-dark-indigo/theme.css new file mode 100644 index 00000000000..bf8aae1ded5 --- /dev/null +++ b/src/assets/components/themes/aura-dark-indigo/theme.css @@ -0,0 +1,7770 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #818cf8; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(129, 140, 248, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f9f9ff; + --primary-100:#e1e3fd; + --primary-200:#c9cefc; + --primary-300:#b1b8fb; + --primary-400:#99a2f9; + --primary-500:#818cf8; + --primary-600:#6e77d3; + --primary-700:#5a62ae; + --primary-800:#474d88; + --primary-900:#343863; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #818cf8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #818cf8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #818cf8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #818cf8; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #818cf8; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #818cf8; + background: #818cf8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #a5b4fc; + background: #a5b4fc; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #818cf8; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #a5b4fc; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #818cf8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #a5b4fc; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #818cf8; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #818cf8; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #a5b4fc; + background: #020617; + color: #a5b4fc; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #818cf8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #818cf8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #818cf8; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #818cf8; + border: 1px solid #818cf8; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #a5b4fc; + color: #020617; + border-color: #a5b4fc; + } + .p-button:not(:disabled):active { + background: #c7d2fe; + color: #020617; + border-color: #c7d2fe; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #818cf8; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(129, 140, 248, 0.04); + color: #818cf8; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(129, 140, 248, 0.16); + color: #818cf8; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #818cf8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(129, 140, 248, 0.04); + color: #818cf8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(129, 140, 248, 0.16); + color: #818cf8; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #818cf8; + background-color: #020617; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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 { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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 { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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 { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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 { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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 { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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 { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #818cf8; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #818cf8; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #818cf8; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #818cf8; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(129, 140, 248, 0.04); + color: #818cf8; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(129, 140, 248, 0.16); + color: #818cf8; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #818cf8; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(129, 140, 248, 0.04); + color: #818cf8; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(129, 140, 248, 0.16); + color: #818cf8; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(129, 140, 248, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(129, 140, 248, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #818cf8; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(13, 34, 236, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(129, 140, 248, 0.16); + border-color: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(58, 75, 244, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #818cf8; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #818cf8; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #818cf8; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #818cf8; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #a5b4fc; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #818cf8; + border-style: dashed; + background-color: rgba(129, 140, 248, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #a5b4fc; + color: #020617; + border-color: #a5b4fc; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #c7d2fe; + color: #020617; + border-color: #c7d2fe; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #818cf8; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #818cf8; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #818cf8; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #818cf8; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #818cf8; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #818cf8; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #818cf8; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #818cf8; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #818cf8; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #818cf8; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(129, 140, 248, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(129, 140, 248, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #818cf8; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #818cf8; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #818cf8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #818cf8; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(93, 107, 246, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(93, 107, 246, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(93, 107, 246, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(93, 107, 246, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #818cf8; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #818cf8; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #c0c6fc; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #818cf8; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #818cf8; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #818cf8; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #818cf8; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #818cf8; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #818cf8; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #818cf8; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(129, 140, 248, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-lime/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-lime/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-lime/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-lime/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-lime/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-lime/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-lime/theme.css b/src/assets/components/themes/aura-dark-lime/theme.css new file mode 100644 index 00000000000..f53db01aada --- /dev/null +++ b/src/assets/components/themes/aura-dark-lime/theme.css @@ -0,0 +1,7770 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #a3e635; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(163, 230, 53, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fafef5; + --primary-100:#e9f9cf; + --primary-200:#d7f4a8; + --primary-300:#c6f082; + --primary-400:#b4eb5b; + --primary-500:#a3e635; + --primary-600:#8bc42d; + --primary-700:#72a125; + --primary-800:#5a7f1d; + --primary-900:#415c15; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #a3e635; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #a3e635; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #a3e635; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #a3e635; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #a3e635; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #a3e635; + background: #a3e635; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #bef264; + background: #bef264; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #a3e635; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #bef264; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #a3e635; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #bef264; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #a3e635; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #a3e635; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #bef264; + background: #020617; + color: #bef264; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #a3e635; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #a3e635; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #a3e635; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #a3e635; + border: 1px solid #a3e635; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #bef264; + color: #020617; + border-color: #bef264; + } + .p-button:not(:disabled):active { + background: #d9f99d; + color: #020617; + border-color: #d9f99d; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #a3e635; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(163, 230, 53, 0.04); + color: #a3e635; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(163, 230, 53, 0.16); + color: #a3e635; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #a3e635; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(163, 230, 53, 0.04); + color: #a3e635; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(163, 230, 53, 0.16); + color: #a3e635; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #a3e635; + background-color: #020617; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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 { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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 { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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 { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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 { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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 { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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 { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #a3e635; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #a3e635; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #a3e635; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #a3e635; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(163, 230, 53, 0.04); + color: #a3e635; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(163, 230, 53, 0.16); + color: #a3e635; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #a3e635; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(163, 230, 53, 0.04); + color: #a3e635; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(163, 230, 53, 0.16); + color: #a3e635; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(163, 230, 53, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(163, 230, 53, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #a3e635; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(92, 138, 17, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(163, 230, 53, 0.16); + border-color: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(135, 201, 25, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #a3e635; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #a3e635; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #a3e635; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #a3e635; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #bef264; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #a3e635; + border-style: dashed; + background-color: rgba(163, 230, 53, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #bef264; + color: #020617; + border-color: #bef264; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #d9f99d; + color: #020617; + border-color: #d9f99d; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #a3e635; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #a3e635; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #a3e635; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #a3e635; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #a3e635; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #a3e635; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #a3e635; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #a3e635; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #a3e635; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #a3e635; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(163, 230, 53, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(163, 230, 53, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #a3e635; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #a3e635; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #a3e635; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #a3e635; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(151, 227, 28, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(151, 227, 28, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(151, 227, 28, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(151, 227, 28, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #a3e635; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #a3e635; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #d1f39a; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #a3e635; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #a3e635; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #a3e635; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #a3e635; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #a3e635; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #a3e635; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #a3e635; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(163, 230, 53, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-noir/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-noir/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-noir/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-noir/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-noir/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-noir/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-noir/theme.css b/src/assets/components/themes/aura-dark-noir/theme.css new file mode 100644 index 00000000000..08cfd5fd87a --- /dev/null +++ b/src/assets/components/themes/aura-dark-noir/theme.css @@ -0,0 +1,7770 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #fafafa; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(250, 250, 250, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:white; + --primary-100:#fefefe; + --primary-200:#fdfdfd; + --primary-300:#fcfcfc; + --primary-400:#fbfbfb; + --primary-500:#fafafa; + --primary-600:#d5d5d5; + --primary-700:#afafaf; + --primary-800:#8a8a8a; + --primary-900:#646464; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #fafafa; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #fafafa; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #fafafa; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #fafafa; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #fafafa; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #fafafa; + background: #fafafa; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #f4f4f5; + background: #f4f4f5; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #fafafa; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #f4f4f5; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #fafafa; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #f4f4f5; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #fafafa; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #fafafa; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #f4f4f5; + background: #020617; + color: #f4f4f5; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #fafafa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #fafafa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #fafafa; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #fafafa; + border: 1px solid #fafafa; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #020617; + border-color: #f4f4f5; + } + .p-button:not(:disabled):active { + background: #e4e4e7; + color: #020617; + border-color: #e4e4e7; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #fafafa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(250, 250, 250, 0.04); + color: #fafafa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(250, 250, 250, 0.16); + color: #fafafa; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #fafafa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(250, 250, 250, 0.04); + color: #fafafa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(250, 250, 250, 0.16); + color: #fafafa; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #fafafa; + background-color: #020617; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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 { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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 { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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 { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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 { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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 { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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 { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #fafafa; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #fafafa; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #fafafa; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #fafafa; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(250, 250, 250, 0.04); + color: #fafafa; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(250, 250, 250, 0.16); + color: #fafafa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #fafafa; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(250, 250, 250, 0.04); + color: #fafafa; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(250, 250, 250, 0.16); + color: #fafafa; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(250, 250, 250, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(250, 250, 250, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #fafafa; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(186, 186, 186, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(250, 250, 250, 0.16); + border-color: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(200, 200, 200, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #fafafa; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #fafafa; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #fafafa; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #fafafa; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #f4f4f5; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #fafafa; + border-style: dashed; + background-color: rgba(250, 250, 250, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #f4f4f5; + color: #020617; + border-color: #f4f4f5; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #e4e4e7; + color: #020617; + border-color: #e4e4e7; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #fafafa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #fafafa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #fafafa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #fafafa; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #fafafa; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #fafafa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #fafafa; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #fafafa; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #fafafa; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #fafafa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(250, 250, 250, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(250, 250, 250, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #fafafa; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #fafafa; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fafafa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fafafa; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(225, 225, 225, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(225, 225, 225, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(225, 225, 225, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(225, 225, 225, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #fafafa; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #fafafa; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #fdfdfd; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #fafafa; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #fafafa; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #fafafa; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #fafafa; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #fafafa; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #fafafa; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #fafafa; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(250, 250, 250, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-pink/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-pink/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-pink/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-pink/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-pink/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-pink/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-pink/theme.css b/src/assets/components/themes/aura-dark-pink/theme.css new file mode 100644 index 00000000000..4576e317f33 --- /dev/null +++ b/src/assets/components/themes/aura-dark-pink/theme.css @@ -0,0 +1,7770 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #f472b6; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(244, 114, 182, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fef8fb; + --primary-100:#fcdded; + --primary-200:#fac2e0; + --primary-300:#f8a8d2; + --primary-400:#f68dc4; + --primary-500:#f472b6; + --primary-600:#cf619b; + --primary-700:#ab507f; + --primary-800:#863f64; + --primary-900:#622e49; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #f472b6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #f472b6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #f472b6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #f472b6; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #f472b6; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #f472b6; + background: #f472b6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #f9a8d4; + background: #f9a8d4; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #f472b6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #f9a8d4; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #f472b6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #f9a8d4; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #f472b6; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #f472b6; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #f9a8d4; + background: #020617; + color: #f9a8d4; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #f472b6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #f472b6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #f472b6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #f472b6; + border: 1px solid #f472b6; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #f9a8d4; + color: #020617; + border-color: #f9a8d4; + } + .p-button:not(:disabled):active { + background: #fbcfe8; + color: #020617; + border-color: #fbcfe8; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #f472b6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(244, 114, 182, 0.04); + color: #f472b6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(244, 114, 182, 0.16); + color: #f472b6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(244, 114, 182, 0.04); + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(244, 114, 182, 0.16); + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #f472b6; + background-color: #020617; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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 { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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 { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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 { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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 { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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 { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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 { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #f472b6; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #f472b6; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #f472b6; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(244, 114, 182, 0.04); + color: #f472b6; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(244, 114, 182, 0.16); + color: #f472b6; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #f472b6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(244, 114, 182, 0.04); + color: #f472b6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(244, 114, 182, 0.16); + color: #f472b6; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(244, 114, 182, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(244, 114, 182, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #f472b6; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(214, 17, 120, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(244, 114, 182, 0.16); + border-color: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(239, 48, 148, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #f472b6; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #f472b6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #f472b6; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #f472b6; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #f9a8d4; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #f472b6; + border-style: dashed; + background-color: rgba(244, 114, 182, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #f9a8d4; + color: #020617; + border-color: #f9a8d4; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #fbcfe8; + color: #020617; + border-color: #fbcfe8; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #f472b6; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #f472b6; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #f472b6; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #f472b6; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #f472b6; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #f472b6; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #f472b6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #f472b6; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #f472b6; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #f472b6; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(244, 114, 182, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(244, 114, 182, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #f472b6; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #f472b6; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f472b6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f472b6; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(241, 81, 165, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(241, 81, 165, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(241, 81, 165, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(241, 81, 165, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #f472b6; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #f472b6; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #fab9db; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #f472b6; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #f472b6; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #f472b6; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #f472b6; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #f472b6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #f472b6; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #f472b6; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(244, 114, 182, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-purple/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-purple/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-purple/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-purple/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-purple/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-purple/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-purple/theme.css b/src/assets/components/themes/aura-dark-purple/theme.css new file mode 100644 index 00000000000..16ba38c36ef --- /dev/null +++ b/src/assets/components/themes/aura-dark-purple/theme.css @@ -0,0 +1,7770 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #a78bfa; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(167, 139, 250, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fbf9ff; + --primary-100:#eae3fe; + --primary-200:#d9cdfd; + --primary-300:#c8b7fc; + --primary-400:#b8a1fb; + --primary-500:#a78bfa; + --primary-600:#8e76d5; + --primary-700:#7561af; + --primary-800:#5c4c8a; + --primary-900:#433864; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #a78bfa; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #a78bfa; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #a78bfa; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #a78bfa; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #a78bfa; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #a78bfa; + background: #a78bfa; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #c4b5fd; + background: #c4b5fd; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #a78bfa; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #c4b5fd; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #a78bfa; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #c4b5fd; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #a78bfa; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #a78bfa; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #c4b5fd; + background: #020617; + color: #c4b5fd; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #a78bfa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #a78bfa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #a78bfa; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #a78bfa; + border: 1px solid #a78bfa; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #c4b5fd; + color: #020617; + border-color: #c4b5fd; + } + .p-button:not(:disabled):active { + background: #ddd6fe; + color: #020617; + border-color: #ddd6fe; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #a78bfa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #a78bfa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #a78bfa; + background-color: #020617; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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 { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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 { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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 { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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 { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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 { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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 { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #a78bfa; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #a78bfa; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #a78bfa; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #a78bfa; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #a78bfa; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(167, 139, 250, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(167, 139, 250, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #a78bfa; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(74, 17, 245, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(167, 139, 250, 0.16); + border-color: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(110, 64, 247, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #a78bfa; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #a78bfa; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #a78bfa; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #a78bfa; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #c4b5fd; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #a78bfa; + border-style: dashed; + background-color: rgba(167, 139, 250, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #c4b5fd; + color: #020617; + border-color: #c4b5fd; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #ddd6fe; + color: #020617; + border-color: #ddd6fe; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #a78bfa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #a78bfa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #a78bfa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #a78bfa; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #a78bfa; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #a78bfa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #a78bfa; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #a78bfa; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #a78bfa; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #a78bfa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(167, 139, 250, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(167, 139, 250, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #a78bfa; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #a78bfa; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #a78bfa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #a78bfa; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(139, 102, 248, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(139, 102, 248, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(139, 102, 248, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(139, 102, 248, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #a78bfa; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #a78bfa; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #d3c5fd; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #a78bfa; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #a78bfa; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #a78bfa; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #a78bfa; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #a78bfa; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #a78bfa; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #a78bfa; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(167, 139, 250, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-teal/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-teal/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-teal/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-teal/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-teal/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-teal/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-teal/theme.css b/src/assets/components/themes/aura-dark-teal/theme.css new file mode 100644 index 00000000000..ac242f63f28 --- /dev/null +++ b/src/assets/components/themes/aura-dark-teal/theme.css @@ -0,0 +1,7770 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #2dd4bf; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(45, 212, 191, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f5fdfc; + --primary-100:#cdf5f0; + --primary-200:#a5ede3; + --primary-300:#7de4d7; + --primary-400:#55dccb; + --primary-500:#2dd4bf; + --primary-600:#26b4a2; + --primary-700:#209486; + --primary-800:#197569; + --primary-900:#12554c; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #2dd4bf; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #2dd4bf; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #2dd4bf; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #2dd4bf; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #2dd4bf; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #2dd4bf; + background: #2dd4bf; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #5eead4; + background: #5eead4; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #2dd4bf; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #5eead4; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #2dd4bf; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #5eead4; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #2dd4bf; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #2dd4bf; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #5eead4; + background: #020617; + color: #5eead4; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #2dd4bf; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #2dd4bf; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #2dd4bf; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #2dd4bf; + border: 1px solid #2dd4bf; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #5eead4; + color: #020617; + border-color: #5eead4; + } + .p-button:not(:disabled):active { + background: #99f6e4; + color: #020617; + border-color: #99f6e4; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #2dd4bf; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(45, 212, 191, 0.04); + color: #2dd4bf; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(45, 212, 191, 0.16); + color: #2dd4bf; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #2dd4bf; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(45, 212, 191, 0.04); + color: #2dd4bf; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(45, 212, 191, 0.16); + color: #2dd4bf; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #2dd4bf; + background-color: #020617; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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 { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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 { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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 { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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 { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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 { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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 { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #2dd4bf; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #2dd4bf; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #2dd4bf; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #2dd4bf; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(45, 212, 191, 0.04); + color: #2dd4bf; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(45, 212, 191, 0.16); + color: #2dd4bf; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #2dd4bf; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(45, 212, 191, 0.04); + color: #2dd4bf; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(45, 212, 191, 0.16); + color: #2dd4bf; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(45, 212, 191, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(45, 212, 191, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #2dd4bf; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(22, 107, 97, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(45, 212, 191, 0.16); + border-color: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(35, 171, 154, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #2dd4bf; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #2dd4bf; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #2dd4bf; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #2dd4bf; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #5eead4; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #2dd4bf; + border-style: dashed; + background-color: rgba(45, 212, 191, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #5eead4; + color: #020617; + border-color: #5eead4; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #99f6e4; + color: #020617; + border-color: #99f6e4; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #2dd4bf; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #2dd4bf; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #2dd4bf; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #2dd4bf; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #2dd4bf; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #2dd4bf; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #2dd4bf; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #2dd4bf; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #2dd4bf; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #2dd4bf; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(45, 212, 191, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(45, 212, 191, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #2dd4bf; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #2dd4bf; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #2dd4bf; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #2dd4bf; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(39, 192, 173, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(39, 192, 173, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(39, 192, 173, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(39, 192, 173, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #2dd4bf; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #2dd4bf; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #96eadf; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #2dd4bf; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #2dd4bf; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #2dd4bf; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #2dd4bf; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #2dd4bf; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #2dd4bf; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #2dd4bf; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(45, 212, 191, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-light-amber/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-amber/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-amber/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-amber/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-amber/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-amber/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-amber/theme.css b/src/assets/components/themes/aura-light-amber/theme.css new file mode 100644 index 00000000000..a82b9a33648 --- /dev/null +++ b/src/assets/components/themes/aura-light-amber/theme.css @@ -0,0 +1,7768 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #f59e0b; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #fffbeb; + --highlight-text-color: #b45309; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fffaf3; + --primary-100:#fde8c4; + --primary-200:#fbd596; + --primary-300:#f9c368; + --primary-400:#f7b039; + --primary-500:#f59e0b; + --primary-600:#d08609; + --primary-700:#ac6f08; + --primary-800:#875706; + --primary-900:#623f04; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #f59e0b; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #f59e0b; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #f59e0b; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #f59e0b; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #f59e0b; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #f59e0b; + background: #f59e0b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #d97706; + background: #d97706; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #f59e0b; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #d97706; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #f59e0b; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #d97706; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #f59e0b; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #f59e0b; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #d97706; + background: #ffffff; + color: #d97706; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #f59e0b; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #f59e0b; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #f59e0b; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #f59e0b; + border: 1px solid #f59e0b; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #d97706; + color: #ffffff; + border-color: #d97706; + } + .p-button:not(:disabled):active { + background: #b45309; + color: #ffffff; + border-color: #b45309; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #f59e0b; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #f59e0b; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #f59e0b; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #f59e0b; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #f59e0b; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #f59e0b; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #f59e0b; + background-color: #ffffff; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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 { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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 { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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 { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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 { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #d97706; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #d97706; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #d97706; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #f59e0b; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #f59e0b; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #f59e0b; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #f59e0b; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #f59e0b; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #f59e0b; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #fffbeb; + color: #b45309; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #b45309; + background: #fffbeb; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #b45309; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #fffbeb; + color: #b45309; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #b45309; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fffbeb; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fffbeb; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #f59e0b; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #b45309; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #b45309; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #fffbeb; + color: #b45309; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #ffe26c; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #fffbeb; + border-color: #fffbeb; + color: #b45309; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #b45309; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #b45309; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #ffe789; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #fffbeb; + color: #b45309; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #b45309; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #b45309; + background: #fffbeb; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #b45309; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #b45309; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #b45309; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #f59e0b; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #f59e0b; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #f59e0b; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #f59e0b; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #d97706; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #f59e0b; + border-style: dashed; + background-color: #fffbeb; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #d97706; + color: #ffffff; + border-color: #d97706; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #b45309; + color: #ffffff; + border-color: #b45309; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #fffbeb; + color: #b45309; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #f59e0b; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #f59e0b; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #fffbeb; + color: #b45309; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #fffbeb; + color: #b45309; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #f59e0b; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #f59e0b; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #f59e0b; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #f59e0b; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #f59e0b; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f59e0b; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f59e0b; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #fff1ba; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #fff1ba; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #fff1ba; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #fff1ba; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #fffbeb; + color: #b45309; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #f59e0b; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #f59e0b; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #facf85; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #f59e0b; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #f59e0b; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #f59e0b; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #f59e0b; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #f59e0b; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #f59e0b; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #f59e0b; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #fffbeb; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-blue/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-blue/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-blue/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-blue/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-blue/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-blue/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-blue/theme.css b/src/assets/components/themes/aura-light-blue/theme.css new file mode 100644 index 00000000000..aceacb1f8a4 --- /dev/null +++ b/src/assets/components/themes/aura-light-blue/theme.css @@ -0,0 +1,7768 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #3B82F6; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #EFF6FF; + --highlight-text-color: #1D4ED8; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f5f9ff; + --primary-100:#d0e1fd; + --primary-200:#abc9fb; + --primary-300:#85b2f9; + --primary-400:#609af8; + --primary-500:#3b82f6; + --primary-600:#326fd1; + --primary-700:#295bac; + --primary-800:#204887; + --primary-900:#183462; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #3B82F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #3B82F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #3B82F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #3B82F6; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #3B82F6; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #3B82F6; + background: #3B82F6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #2563eb; + background: #2563eb; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #3B82F6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #2563eb; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #3B82F6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #2563eb; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #3B82F6; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #3B82F6; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #2563eb; + background: #ffffff; + color: #2563eb; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #3B82F6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #3B82F6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #3B82F6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #3B82F6; + border: 1px solid #3B82F6; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #2563eb; + color: #ffffff; + border-color: #2563eb; + } + .p-button:not(:disabled):active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #3B82F6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #3B82F6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #3B82F6; + background-color: #ffffff; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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 { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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 { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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 { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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 { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #2563eb; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #2563eb; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #2563eb; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #3B82F6; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #3B82F6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #EFF6FF; + color: #1D4ED8; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #1D4ED8; + background: #EFF6FF; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #1D4ED8; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #EFF6FF; + color: #1D4ED8; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #1D4ED8; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #EFF6FF; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #EFF6FF; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #3B82F6; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #1D4ED8; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #1D4ED8; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #EFF6FF; + color: #1D4ED8; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #70aeff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #EFF6FF; + border-color: #EFF6FF; + color: #1D4ED8; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #1D4ED8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #1D4ED8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #8cbeff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #EFF6FF; + color: #1D4ED8; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #1D4ED8; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #1D4ED8; + background: #EFF6FF; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #1D4ED8; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #1D4ED8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #1D4ED8; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #3B82F6; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #3B82F6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #3B82F6; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #3B82F6; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #2563eb; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #3B82F6; + border-style: dashed; + background-color: #EFF6FF; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #2563eb; + color: #ffffff; + border-color: #2563eb; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #EFF6FF; + color: #1D4ED8; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #3B82F6; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #3B82F6; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EFF6FF; + color: #1D4ED8; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EFF6FF; + color: #1D4ED8; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #3B82F6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #3B82F6; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #3B82F6; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #3B82F6; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #3B82F6; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #3B82F6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #3B82F6; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bedaff; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #bedaff; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bedaff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #bedaff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #EFF6FF; + color: #1D4ED8; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #3B82F6; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #3B82F6; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #9dc1fb; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #3B82F6; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #3B82F6; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #3B82F6; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #3B82F6; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #3B82F6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #3B82F6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #3B82F6; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #EFF6FF; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-cyan/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-cyan/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-cyan/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-cyan/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-cyan/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-cyan/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-cyan/theme.css b/src/assets/components/themes/aura-light-cyan/theme.css new file mode 100644 index 00000000000..4451348457c --- /dev/null +++ b/src/assets/components/themes/aura-light-cyan/theme.css @@ -0,0 +1,7768 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #06b6d4; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #ecfeff; + --highlight-text-color: #0e7490; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f3fbfd; + --primary-100:#c3edf5; + --primary-200:#94e0ed; + --primary-300:#65d2e4; + --primary-400:#35c4dc; + --primary-500:#06b6d4; + --primary-600:#059bb4; + --primary-700:#047f94; + --primary-800:#036475; + --primary-900:#024955; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #06b6d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #06b6d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #06b6d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #06b6d4; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #06b6d4; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #06b6d4; + background: #06b6d4; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #0891b2; + background: #0891b2; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #06b6d4; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0891b2; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #06b6d4; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #0891b2; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #06b6d4; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #06b6d4; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #0891b2; + background: #ffffff; + color: #0891b2; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #06b6d4; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #06b6d4; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #06b6d4; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #06b6d4; + border: 1px solid #06b6d4; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #0891b2; + color: #ffffff; + border-color: #0891b2; + } + .p-button:not(:disabled):active { + background: #0e7490; + color: #ffffff; + border-color: #0e7490; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #06b6d4; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(6, 182, 212, 0.04); + color: #06b6d4; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(6, 182, 212, 0.16); + color: #06b6d4; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #06b6d4; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(6, 182, 212, 0.04); + color: #06b6d4; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(6, 182, 212, 0.16); + color: #06b6d4; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #06b6d4; + background-color: #ffffff; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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 { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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 { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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 { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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 { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #0891b2; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #0891b2; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #0891b2; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #06b6d4; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(6, 182, 212, 0.04); + color: #06b6d4; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(6, 182, 212, 0.16); + color: #06b6d4; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #06b6d4; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(6, 182, 212, 0.04); + color: #06b6d4; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(6, 182, 212, 0.16); + color: #06b6d4; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #ecfeff; + color: #0e7490; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #0e7490; + background: #ecfeff; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0e7490; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #ecfeff; + color: #0e7490; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #0e7490; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #ecfeff; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #ecfeff; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #06b6d4; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #0e7490; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #0e7490; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #ecfeff; + color: #0e7490; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #6df7ff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #ecfeff; + border-color: #ecfeff; + color: #0e7490; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #0e7490; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #0e7490; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #8af9ff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #ecfeff; + color: #0e7490; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #0e7490; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #0e7490; + background: #ecfeff; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0e7490; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #0e7490; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #0e7490; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #06b6d4; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #06b6d4; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #06b6d4; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #06b6d4; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #0891b2; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #06b6d4; + border-style: dashed; + background-color: #ecfeff; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #0891b2; + color: #ffffff; + border-color: #0891b2; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #0e7490; + color: #ffffff; + border-color: #0e7490; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ecfeff; + color: #0e7490; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #06b6d4; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #06b6d4; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #ecfeff; + color: #0e7490; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #ecfeff; + color: #0e7490; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #06b6d4; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #06b6d4; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #06b6d4; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #06b6d4; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #06b6d4; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #06b6d4; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #06b6d4; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bbfbff; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #bbfbff; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bbfbff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #bbfbff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #ecfeff; + color: #0e7490; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #06b6d4; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #06b6d4; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #71e7fb; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #06b6d4; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #06b6d4; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #06b6d4; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #06b6d4; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #06b6d4; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #06b6d4; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #06b6d4; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #ecfeff; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-green/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-green/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-green/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-green/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-green/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-green/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-green/theme.css b/src/assets/components/themes/aura-light-green/theme.css new file mode 100644 index 00000000000..f657e076ceb --- /dev/null +++ b/src/assets/components/themes/aura-light-green/theme.css @@ -0,0 +1,7768 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #10b981; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #ecfdf5; + --highlight-text-color: #047857; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f3fcf9; + --primary-100:#c6eee1; + --primary-200:#98e1c9; + --primary-300:#6bd4b1; + --primary-400:#3dc699; + --primary-500:#10b981; + --primary-600:#0e9d6e; + --primary-700:#0b825a; + --primary-800:#096647; + --primary-900:#064a34; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #10b981; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #10b981; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #10b981; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #10b981; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #10b981; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #10b981; + background: #10b981; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #059669; + background: #059669; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #10b981; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #059669; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #10b981; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #059669; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #10b981; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #10b981; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #059669; + background: #ffffff; + color: #059669; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #10b981; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #10b981; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #10b981; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #10b981; + border: 1px solid #10b981; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #059669; + color: #ffffff; + border-color: #059669; + } + .p-button:not(:disabled):active { + background: #047857; + color: #ffffff; + border-color: #047857; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #10b981; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #10b981; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #10b981; + background-color: #ffffff; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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 { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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 { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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 { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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 { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #059669; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #059669; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #059669; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #10b981; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #10b981; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #ecfdf5; + color: #047857; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #047857; + background: #ecfdf5; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #047857; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #ecfdf5; + color: #047857; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #047857; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #ecfdf5; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #ecfdf5; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #10b981; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #047857; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #047857; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #ecfdf5; + color: #047857; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #79f1b8; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #ecfdf5; + border-color: #ecfdf5; + color: #047857; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #047857; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #047857; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #94f4c6; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #ecfdf5; + color: #047857; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #047857; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #047857; + background: #ecfdf5; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #047857; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #047857; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #047857; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #10b981; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #10b981; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #10b981; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #10b981; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #059669; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #10b981; + border-style: dashed; + background-color: #ecfdf5; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #059669; + color: #ffffff; + border-color: #059669; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #047857; + color: #ffffff; + border-color: #047857; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ecfdf5; + color: #047857; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #10b981; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #10b981; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #ecfdf5; + color: #047857; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #ecfdf5; + color: #047857; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #10b981; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #10b981; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #10b981; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #10b981; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #10b981; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #10b981; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #10b981; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #c0f8de; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #c0f8de; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #c0f8de; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #c0f8de; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #ecfdf5; + color: #047857; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #10b981; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #10b981; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #71f3c8; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #10b981; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #10b981; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #10b981; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #10b981; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #10b981; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #10b981; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #10b981; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #ecfdf5; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-indigo/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-indigo/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-indigo/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-indigo/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-indigo/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-indigo/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-indigo/theme.css b/src/assets/components/themes/aura-light-indigo/theme.css new file mode 100644 index 00000000000..e69a076f2fc --- /dev/null +++ b/src/assets/components/themes/aura-light-indigo/theme.css @@ -0,0 +1,7768 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #6366F1; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #EEF2FF; + --highlight-text-color: #4338CA; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f7f7fe; + --primary-100:#dadafc; + --primary-200:#bcbdf9; + --primary-300:#9ea0f6; + --primary-400:#8183f4; + --primary-500:#6366f1; + --primary-600:#5457cd; + --primary-700:#4547a9; + --primary-800:#363885; + --primary-900:#282960; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #6366F1; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #6366F1; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #6366F1; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #6366F1; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #6366F1; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #6366F1; + background: #6366F1; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #4F46E5; + background: #4F46E5; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #6366F1; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #4F46E5; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #6366F1; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #4F46E5; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #6366F1; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #6366F1; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #4F46E5; + background: #ffffff; + color: #4F46E5; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #6366F1; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #6366F1; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #6366F1; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #6366F1; + border: 1px solid #6366F1; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #4F46E5; + color: #ffffff; + border-color: #4F46E5; + } + .p-button:not(:disabled):active { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #6366F1; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(99, 102, 241, 0.04); + color: #6366F1; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(99, 102, 241, 0.16); + color: #6366F1; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #6366F1; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(99, 102, 241, 0.04); + color: #6366F1; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(99, 102, 241, 0.16); + color: #6366F1; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #6366F1; + background-color: #ffffff; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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 { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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 { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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 { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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 { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #4F46E5; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #4F46E5; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #4F46E5; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #6366F1; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(99, 102, 241, 0.04); + color: #6366F1; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(99, 102, 241, 0.16); + color: #6366F1; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #6366F1; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(99, 102, 241, 0.04); + color: #6366F1; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(99, 102, 241, 0.16); + color: #6366F1; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #EEF2FF; + color: #4338CA; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #4338CA; + background: #EEF2FF; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4338CA; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #EEF2FF; + color: #4338CA; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #4338CA; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #EEF2FF; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #EEF2FF; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #6366F1; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #4338CA; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #4338CA; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #EEF2FF; + color: #4338CA; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #6f91ff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #EEF2FF; + border-color: #EEF2FF; + color: #4338CA; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #4338CA; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #4338CA; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #8ba7ff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #EEF2FF; + color: #4338CA; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #4338CA; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #4338CA; + background: #EEF2FF; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4338CA; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #4338CA; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #4338CA; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #6366F1; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #6366F1; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #6366F1; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #6366F1; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #4F46E5; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #6366F1; + border-style: dashed; + background-color: #EEF2FF; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #4F46E5; + color: #ffffff; + border-color: #4F46E5; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338CA; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338CA; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338CA; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338CA; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338CA; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338CA; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #EEF2FF; + color: #4338CA; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #6366F1; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #6366F1; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338CA; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EEF2FF; + color: #4338CA; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EEF2FF; + color: #4338CA; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #6366F1; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #6366F1; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #6366F1; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #6366F1; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #6366F1; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #6366F1; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #6366F1; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bdccff; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #bdccff; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bdccff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #bdccff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #EEF2FF; + color: #4338CA; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #6366F1; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #6366F1; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #b1b3f8; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #6366F1; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #6366F1; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #6366F1; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #6366F1; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #6366F1; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #6366F1; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #6366F1; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #EEF2FF; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-lime/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-lime/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-lime/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-lime/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-lime/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-lime/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-lime/theme.css b/src/assets/components/themes/aura-light-lime/theme.css new file mode 100644 index 00000000000..96bbdb39c9f --- /dev/null +++ b/src/assets/components/themes/aura-light-lime/theme.css @@ -0,0 +1,7768 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #84cc16; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #f7fee7; + --highlight-text-color: #4d7c0f; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f9fcf3; + --primary-100:#e1f3c7; + --primary-200:#cae99b; + --primary-300:#b3df6f; + --primary-400:#9bd642; + --primary-500:#84cc16; + --primary-600:#70ad13; + --primary-700:#5c8f0f; + --primary-800:#49700c; + --primary-900:#355209; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #84cc16; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #84cc16; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #84cc16; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #84cc16; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #84cc16; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #84cc16; + background: #84cc16; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #65a30d; + background: #65a30d; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #84cc16; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #65a30d; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #84cc16; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #65a30d; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #84cc16; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #84cc16; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #65a30d; + background: #ffffff; + color: #65a30d; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #84cc16; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #84cc16; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #84cc16; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #84cc16; + border: 1px solid #84cc16; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #65a30d; + color: #ffffff; + border-color: #65a30d; + } + .p-button:not(:disabled):active { + background: #4d7c0f; + color: #ffffff; + border-color: #4d7c0f; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #84cc16; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(132, 204, 22, 0.04); + color: #84cc16; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(132, 204, 22, 0.16); + color: #84cc16; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #84cc16; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(132, 204, 22, 0.04); + color: #84cc16; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(132, 204, 22, 0.16); + color: #84cc16; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #84cc16; + background-color: #ffffff; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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 { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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 { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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 { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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 { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #65a30d; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #65a30d; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #65a30d; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #84cc16; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(132, 204, 22, 0.04); + color: #84cc16; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(132, 204, 22, 0.16); + color: #84cc16; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #84cc16; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(132, 204, 22, 0.04); + color: #84cc16; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(132, 204, 22, 0.16); + color: #84cc16; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #f7fee7; + color: #4d7c0f; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #4d7c0f; + background: #f7fee7; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4d7c0f; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #f7fee7; + color: #4d7c0f; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #4d7c0f; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f7fee7; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f7fee7; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #84cc16; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #4d7c0f; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #4d7c0f; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #f7fee7; + color: #4d7c0f; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #cef96d; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #f7fee7; + border-color: #f7fee7; + color: #4d7c0f; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #4d7c0f; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #4d7c0f; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #d8fa8a; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #f7fee7; + color: #4d7c0f; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #4d7c0f; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #4d7c0f; + background: #f7fee7; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4d7c0f; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #4d7c0f; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #4d7c0f; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #84cc16; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #84cc16; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #84cc16; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #84cc16; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #65a30d; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #84cc16; + border-style: dashed; + background-color: #f7fee7; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #65a30d; + color: #ffffff; + border-color: #65a30d; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #4d7c0f; + color: #ffffff; + border-color: #4d7c0f; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4d7c0f; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4d7c0f; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4d7c0f; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #84cc16; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4d7c0f; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4d7c0f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4d7c0f; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #84cc16; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #f7fee7; + color: #4d7c0f; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #84cc16; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #84cc16; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #84cc16; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4d7c0f; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #f7fee7; + color: #4d7c0f; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #f7fee7; + color: #4d7c0f; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #84cc16; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #84cc16; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #84cc16; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #84cc16; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #84cc16; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #84cc16; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #84cc16; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #84cc16; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #84cc16; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #e7fcb8; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #e7fcb8; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #e7fcb8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #e7fcb8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #f7fee7; + color: #4d7c0f; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #84cc16; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #84cc16; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #c4f17f; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #84cc16; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #84cc16; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #84cc16; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #84cc16; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #84cc16; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #84cc16; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #84cc16; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #f7fee7; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-noir/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-noir/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-noir/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-noir/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-noir/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-noir/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-noir/theme.css b/src/assets/components/themes/aura-light-noir/theme.css new file mode 100644 index 00000000000..b4800959de4 --- /dev/null +++ b/src/assets/components/themes/aura-light-noir/theme.css @@ -0,0 +1,7776 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #020617; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #020617; + --highlight-text-color: #ffffff; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f2f3f3; + --primary-100:#c2c3c7; + --primary-200:#92949b; + --primary-300:#62656f; + --primary-400:#323543; + --primary-500:#020617; + --primary-600:#020514; + --primary-700:#010410; + --primary-800:#01030d; + --primary-900:#010209; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #020617; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #020617; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #020617; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #020617; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #334155; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #020617; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #ffffff; + background: #020617; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #ffffff; + background: #020617; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #ffffff; + background: #020617; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #ffffff; + background: #020617; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #334155; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #020617; + background: #020617; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #0f172a; + background: #0f172a; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #020617; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0f172a; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + .p-highlight .p-checkbox .p-checkbox-box { + border-color: #ffffff; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #334155; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #0f172a; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #334155; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #334155; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #020617; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #0f172a; + background: #ffffff; + color: #0f172a; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #020617; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #020617; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #ffffff; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #020617; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #0f172a; + color: #ffffff; + border-color: #0f172a; + } + .p-button:not(:disabled):active { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #020617; + background-color: #ffffff; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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 { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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 { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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 { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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 { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #0f172a; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #0f172a; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #0f172a; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #020617; + color: #ffffff; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #ffffff; + background: #020617; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #020617; + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #020617; + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #020617; + color: #ffffff; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #020617; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #020617; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #020617; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #020617; + color: #ffffff; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #ffffff; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #ffffff; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #020617; + color: #ffffff; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #334155; + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #020617; + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: black; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #020617; + border-color: #020617; + color: #ffffff; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #334155; + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #020617; + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #020512; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #020617; + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #ffffff; + background: #020617; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #020617; + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #020617; + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #020617; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #020617; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #020617; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #020617; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #0f172a; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #020617; + border-style: dashed; + background-color: #020617; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #0f172a; + color: #ffffff; + border-color: #0f172a; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #020617; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #020617; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #020617; + color: #ffffff; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #020617; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #020617; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #020617; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #020617; + color: #ffffff; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #020617; + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #020617; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #020617; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #020617; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #020617; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #020617; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #020617; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #020617; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #020617; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #020617; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #020515; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #020515; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #020515; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #020515; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #020617; + color: #ffffff; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #020617; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #020617; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #2047ec; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #020617; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #020617; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #020617; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #020617; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #020617; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #020617; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #020617; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-pink/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-pink/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-pink/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-pink/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-pink/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-pink/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-pink/theme.css b/src/assets/components/themes/aura-light-pink/theme.css new file mode 100644 index 00000000000..ffaa8d51a51 --- /dev/null +++ b/src/assets/components/themes/aura-light-pink/theme.css @@ -0,0 +1,7768 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #ec4899; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #fdf2f8; + --highlight-text-color: #be185d; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fef6fa; + --primary-100:#fad3e7; + --primary-200:#f7b0d3; + --primary-300:#f38ec0; + --primary-400:#f06bac; + --primary-500:#ec4899; + --primary-600:#c93d82; + --primary-700:#a5326b; + --primary-800:#822854; + --primary-900:#5e1d3d; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #ec4899; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #ec4899; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #ec4899; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #ec4899; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #ec4899; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #ec4899; + background: #ec4899; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #db2777; + background: #db2777; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #ec4899; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #db2777; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #ec4899; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #db2777; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #ec4899; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #ec4899; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #db2777; + background: #ffffff; + color: #db2777; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #ec4899; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #ec4899; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #ec4899; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #ec4899; + border: 1px solid #ec4899; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #db2777; + color: #ffffff; + border-color: #db2777; + } + .p-button:not(:disabled):active { + background: #be185d; + color: #ffffff; + border-color: #be185d; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #ec4899; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(236, 72, 153, 0.04); + color: #ec4899; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(236, 72, 153, 0.16); + color: #ec4899; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #ec4899; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(236, 72, 153, 0.04); + color: #ec4899; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(236, 72, 153, 0.16); + color: #ec4899; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #ec4899; + background-color: #ffffff; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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 { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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 { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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 { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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 { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #db2777; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #db2777; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #db2777; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #ec4899; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(236, 72, 153, 0.04); + color: #ec4899; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(236, 72, 153, 0.16); + color: #ec4899; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #ec4899; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(236, 72, 153, 0.04); + color: #ec4899; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(236, 72, 153, 0.16); + color: #ec4899; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #fdf2f8; + color: #be185d; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #be185d; + background: #fdf2f8; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #be185d; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #fdf2f8; + color: #be185d; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #be185d; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fdf2f8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fdf2f8; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #ec4899; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #be185d; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #be185d; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #fdf2f8; + color: #be185d; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #ec84bd; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #fdf2f8; + border-color: #fdf2f8; + color: #be185d; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #be185d; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #be185d; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #f09cca; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #fdf2f8; + color: #be185d; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #be185d; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #be185d; + background: #fdf2f8; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #be185d; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #be185d; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #be185d; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #ec4899; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #ec4899; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #ec4899; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #ec4899; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #db2777; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #ec4899; + border-style: dashed; + background-color: #fdf2f8; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #db2777; + color: #ffffff; + border-color: #db2777; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #be185d; + color: #ffffff; + border-color: #be185d; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #fdf2f8; + color: #be185d; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #ec4899; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #ec4899; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #fdf2f8; + color: #be185d; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #fdf2f8; + color: #be185d; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #ec4899; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #ec4899; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #ec4899; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #ec4899; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #ec4899; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #ec4899; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #ec4899; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #f6c7e1; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #f6c7e1; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #f6c7e1; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #f6c7e1; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #fdf2f8; + color: #be185d; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #ec4899; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #ec4899; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #f6a4cc; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #ec4899; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #ec4899; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #ec4899; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #ec4899; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #ec4899; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #ec4899; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #ec4899; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #fdf2f8; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-purple/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-purple/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-purple/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-purple/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-purple/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-purple/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-purple/theme.css b/src/assets/components/themes/aura-light-purple/theme.css new file mode 100644 index 00000000000..a1d37481187 --- /dev/null +++ b/src/assets/components/themes/aura-light-purple/theme.css @@ -0,0 +1,7768 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #8B5CF6; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #F5F3FF; + --highlight-text-color: #6D28D9; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f9f7ff; + --primary-100:#e3d8fd; + --primary-200:#cdb9fb; + --primary-300:#b79af9; + --primary-400:#a17bf8; + --primary-500:#8b5cf6; + --primary-600:#764ed1; + --primary-700:#6140ac; + --primary-800:#4c3387; + --primary-900:#382562; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #8B5CF6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #8B5CF6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #8B5CF6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #8B5CF6; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #8B5CF6; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #8B5CF6; + background: #8B5CF6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #7C3AED; + background: #7C3AED; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #8B5CF6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #7C3AED; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #8B5CF6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #7C3AED; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #8B5CF6; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #8B5CF6; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #7C3AED; + background: #ffffff; + color: #7C3AED; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #8B5CF6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #8B5CF6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #8B5CF6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #8B5CF6; + border: 1px solid #8B5CF6; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #7C3AED; + color: #ffffff; + border-color: #7C3AED; + } + .p-button:not(:disabled):active { + background: #6D28D9; + color: #ffffff; + border-color: #6D28D9; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #8B5CF6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(139, 92, 246, 0.04); + color: #8B5CF6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(139, 92, 246, 0.16); + color: #8B5CF6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #8B5CF6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(139, 92, 246, 0.04); + color: #8B5CF6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(139, 92, 246, 0.16); + color: #8B5CF6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #8B5CF6; + background-color: #ffffff; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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 { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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 { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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 { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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 { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #7C3AED; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #7C3AED; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #7C3AED; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #8B5CF6; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(139, 92, 246, 0.04); + color: #8B5CF6; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(139, 92, 246, 0.16); + color: #8B5CF6; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #8B5CF6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(139, 92, 246, 0.04); + color: #8B5CF6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(139, 92, 246, 0.16); + color: #8B5CF6; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #F5F3FF; + color: #6D28D9; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #6D28D9; + background: #F5F3FF; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #6D28D9; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #F5F3FF; + color: #6D28D9; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #6D28D9; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #F5F3FF; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #F5F3FF; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #8B5CF6; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #6D28D9; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #6D28D9; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #F5F3FF; + color: #6D28D9; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #8b74ff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #F5F3FF; + border-color: #F5F3FF; + color: #6D28D9; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #6D28D9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #6D28D9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #a28fff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #F5F3FF; + color: #6D28D9; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #6D28D9; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #6D28D9; + background: #F5F3FF; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #6D28D9; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #6D28D9; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #6D28D9; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #8B5CF6; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #8B5CF6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #8B5CF6; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #8B5CF6; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #7C3AED; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #8B5CF6; + border-style: dashed; + background-color: #F5F3FF; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #7C3AED; + color: #ffffff; + border-color: #7C3AED; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #6D28D9; + color: #ffffff; + border-color: #6D28D9; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6D28D9; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6D28D9; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6D28D9; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6D28D9; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6D28D9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6D28D9; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #F5F3FF; + color: #6D28D9; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #8B5CF6; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #8B5CF6; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6D28D9; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F5F3FF; + color: #6D28D9; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F5F3FF; + color: #6D28D9; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #8B5CF6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #8B5CF6; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #8B5CF6; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #8B5CF6; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #8B5CF6; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #8B5CF6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #8B5CF6; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #ccc1ff; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #ccc1ff; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #ccc1ff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #ccc1ff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #F5F3FF; + color: #6D28D9; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #8B5CF6; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #8B5CF6; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #c5aefb; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #8B5CF6; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #8B5CF6; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #8B5CF6; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #8B5CF6; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #8B5CF6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #8B5CF6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #8B5CF6; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #F5F3FF; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-teal/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-teal/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-teal/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-teal/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-teal/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-teal/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-teal/theme.css b/src/assets/components/themes/aura-light-teal/theme.css new file mode 100644 index 00000000000..add1a9cb6f8 --- /dev/null +++ b/src/assets/components/themes/aura-light-teal/theme.css @@ -0,0 +1,7768 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #14b8a6; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #f0fdfa; + --highlight-text-color: #0f766e; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f3fbfb; + --primary-100:#c7eeea; + --primary-200:#9ae0d9; + --primary-300:#6dd3c8; + --primary-400:#41c5b7; + --primary-500:#14b8a6; + --primary-600:#119c8d; + --primary-700:#0e8174; + --primary-800:#0b655b; + --primary-900:#084a42; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #14b8a6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #14b8a6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #14b8a6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #14b8a6; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #14b8a6; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #14b8a6; + background: #14b8a6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #0d9488; + background: #0d9488; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #14b8a6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0d9488; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #14b8a6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #0d9488; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #14b8a6; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #14b8a6; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #0d9488; + background: #ffffff; + color: #0d9488; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #14b8a6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #14b8a6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #14b8a6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #14b8a6; + border: 1px solid #14b8a6; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #0d9488; + color: #ffffff; + border-color: #0d9488; + } + .p-button:not(:disabled):active { + background: #0f766e; + color: #ffffff; + border-color: #0f766e; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #14b8a6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(20, 184, 166, 0.04); + color: #14b8a6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(20, 184, 166, 0.16); + color: #14b8a6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #14b8a6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(20, 184, 166, 0.04); + color: #14b8a6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(20, 184, 166, 0.16); + color: #14b8a6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #14b8a6; + background-color: #ffffff; + } + .p-button.p-button-raised { + 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); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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 { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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 { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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 { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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 { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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 { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #0d9488; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #0d9488; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #0d9488; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #14b8a6; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(20, 184, 166, 0.04); + color: #14b8a6; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(20, 184, 166, 0.16); + color: #14b8a6; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #14b8a6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(20, 184, 166, 0.04); + color: #14b8a6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(20, 184, 166, 0.16); + color: #14b8a6; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + 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); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #f0fdfa; + color: #0f766e; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #0f766e; + background: #f0fdfa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0f766e; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #f0fdfa; + color: #0f766e; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #0f766e; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f0fdfa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f0fdfa; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #14b8a6; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #0f766e; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #0f766e; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #f0fdfa; + color: #0f766e; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #80eed5; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #f0fdfa; + border-color: #f0fdfa; + color: #0f766e; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #0f766e; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #0f766e; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #99f1dd; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #f0fdfa; + color: #0f766e; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #0f766e; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #0f766e; + background: #f0fdfa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0f766e; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #0f766e; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #0f766e; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #14b8a6; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #14b8a6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #14b8a6; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #14b8a6; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #0d9488; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #14b8a6; + border-style: dashed; + background-color: #f0fdfa; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #0d9488; + color: #ffffff; + border-color: #0d9488; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #0f766e; + color: #ffffff; + border-color: #0f766e; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #f0fdfa; + color: #0f766e; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #14b8a6; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #14b8a6; + width: 2.5rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #f0fdfa; + color: #0f766e; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #f0fdfa; + color: #0f766e; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #14b8a6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #14b8a6; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #14b8a6; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #14b8a6; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #14b8a6; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #14b8a6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #14b8a6; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #c5f7ec; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #c5f7ec; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #c5f7ec; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #c5f7ec; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #f0fdfa; + color: #0f766e; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #14b8a6; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #14b8a6; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #75f0e3; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #14b8a6; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #14b8a6; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #14b8a6; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #14b8a6; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #14b8a6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #14b8a6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #14b8a6; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #f0fdfa; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/bootstrap4-dark-blue/theme.css b/src/assets/components/themes/bootstrap4-dark-blue/theme.css index 866a94535cd..a3f2d8c8ad4 100644 --- a/src/assets/components/themes/bootstrap4-dark-blue/theme.css +++ b/src/assets/components/themes/bootstrap4-dark-blue/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.15s; } + .p-disabled, .p-component:disabled { opacity: 0.65; } + .p-error { color: #f19ea6; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f19ea6; } + .p-autocomplete-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -427,9 +440,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f19ea6; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -437,19 +452,23 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.107rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #f19ea6; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; border-color: #8dd0ff; } + .p-datepicker { padding: 0; background: #2a323d; @@ -476,7 +495,7 @@ border-top-left-radius: 4px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -486,13 +505,13 @@ transition: color 0.15s, box-shadow 0.15s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: color 0.15s, box-shadow 0.15s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #8dd0ff; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -664,10 +684,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.107rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f19ea6; } + .p-cascadeselect-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #3f4b5b; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #3f4b5b; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f19ea6; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -768,6 +794,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #1dadff; color: #151515; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f19ea6; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #3f4b5b; } @@ -831,15 +861,19 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #1dadff; } + .p-checkbox-label { margin-left: 0.5rem; } + .p-highlight .p-checkbox .p-checkbox-box { border-color: #151515; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f19ea6; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #3f4b5b; } @@ -878,9 +912,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #f19ea6; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -888,22 +924,26 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #2a323d; border: 1px solid #3f4b5b; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: rgba(255, 255, 255, 0.87); } + .p-colorpicker-overlay-panel { box-shadow: none; } + .p-dropdown { background: #20262e; border: 1px solid #3f4b5b; @@ -947,6 +987,7 @@ .p-dropdown.p-invalid.p-component { border-color: #f19ea6; } + .p-dropdown-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -1010,6 +1051,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #3f4b5b; } @@ -1022,14 +1064,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #f19ea6; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #2a323d; color: rgba(255, 255, 255, 0.6); @@ -1042,68 +1087,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #3f4b5b; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f19ea6; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1111,9 +1166,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #f19ea6; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1121,21 +1178,25 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.107rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.107rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1174,9 +1235,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #8dd0ff; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f19ea6; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1209,54 +1272,69 @@ font-size: 1.25rem; padding: 0.625rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.15s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #f19ea6; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { background-color: #3f4b5b; } @@ -1266,14 +1344,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #3f4b5b; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.9375rem; } + .p-listbox { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -1348,9 +1429,11 @@ box-shadow: 0 0 0 1px #e3f3fe; border-color: #8dd0ff; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f19ea6; } + .p-multiselect { background: #20262e; border: 1px solid #3f4b5b; @@ -1390,9 +1473,11 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1400,6 +1485,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-multiselect-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -1488,6 +1574,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #3f4b5b; } @@ -1497,12 +1584,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #3f4b5b; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #f19ea6; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #f19ea6; } + .p-password-panel { padding: 1.25rem; background: #2a323d; @@ -1524,6 +1614,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #9fdaa8; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1531,6 +1622,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1538,6 +1630,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1575,9 +1668,11 @@ background: #1dadff; color: #151515; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #f19ea6; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #3f4b5b; } @@ -1590,12 +1685,15 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #1dadff; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #151515; } + .p-rating { gap: 0.5rem; } @@ -1626,9 +1724,11 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f19ea6; } + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #151515; } + .p-selectbutton .p-button { background: #6c757d; border: 1px solid #6c757d; @@ -1636,7 +1736,7 @@ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1645,7 +1745,7 @@ color: #ffffff; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight { @@ -1654,7 +1754,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1663,12 +1763,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #f19ea6; } + .p-slider { background: #3f4b5b; border: 0 none; @@ -1720,6 +1822,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.15s; } + .p-togglebutton.p-button { background: #6c757d; border: 1px solid #6c757d; @@ -1727,7 +1830,7 @@ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1736,7 +1839,7 @@ color: #ffffff; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight { @@ -1745,7 +1848,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1754,12 +1857,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #f19ea6; } + .p-treeselect { background: #20262e; border: 1px solid #3f4b5b; @@ -1796,12 +1901,15 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #f19ea6; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.75rem; } + .p-treeselect-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -1861,6 +1969,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #3f4b5b; } @@ -1870,6 +1979,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #3f4b5b; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1877,6 +1987,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-button { color: #151515; background: #8dd0ff; @@ -1988,7 +2099,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2015,6 +2126,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2027,414 +2139,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #6c757d; border: 1px solid #6c757d; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #5a6268; color: #ffffff; border-color: #5a6268; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px rgba(130, 138, 145, 0.5); } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #545b62; color: #ffffff; border-color: #4e555b; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #6c757d; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); color: #6c757d; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(108, 117, 125, 0.16); color: #6c757d; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #6c757d; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); border-color: transparent; color: #6c757d; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(108, 117, 125, 0.16); border-color: transparent; color: #6c757d; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #151515; background: #7fd8e6; border: 1px solid #4cc8db; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #4cc8db; color: #151515; border-color: #26bdd3; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #b1e8f0; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #26bdd3; color: #151515; border-color: #00b2cc; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #7fd8e6; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(127, 216, 230, 0.04); color: #7fd8e6; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(127, 216, 230, 0.16); color: #7fd8e6; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #7fd8e6; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(127, 216, 230, 0.04); border-color: transparent; color: #7fd8e6; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(127, 216, 230, 0.16); border-color: transparent; color: #7fd8e6; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #151515; background: #9fdaa8; border: 1px solid #78cc86; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #78cc86; color: #151515; border-color: #5ac06c; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #c5e8ca; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #5ac06c; color: #151515; border-color: #3cb553; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #9fdaa8; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(159, 218, 168, 0.04); color: #9fdaa8; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(159, 218, 168, 0.16); color: #9fdaa8; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #9fdaa8; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(159, 218, 168, 0.04); border-color: transparent; color: #9fdaa8; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(159, 218, 168, 0.16); border-color: transparent; color: #9fdaa8; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #151515; background: #ffe082; border: 1px solid #ffd54f; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd54f; color: #151515; border-color: #ffca28; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffecb3; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffca28; color: #151515; border-color: #ffc107; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #ffe082; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffe082; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; color: #ffe082; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; color: #ffe082; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #151515; background: #b7a2e0; border: 1px solid #9a7cd4; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #9a7cd4; color: #151515; border-color: #845fca; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d3c7ec; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #845fca; color: #151515; border-color: #6d43c0; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #b7a2e0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(183, 162, 224, 0.04); color: #b7a2e0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(183, 162, 224, 0.16); color: #b7a2e0; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #b7a2e0; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(183, 162, 224, 0.04); border-color: transparent; color: #b7a2e0; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(183, 162, 224, 0.16); border-color: transparent; color: #b7a2e0; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #151515; background: #f19ea6; border: 1px solid #e97984; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #e97984; color: #151515; border-color: #f75965; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffd0d9; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #f75965; color: #151515; border-color: #fd464e; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #f19ea6; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(241, 158, 166, 0.04); color: #f19ea6; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(241, 158, 166, 0.16); color: #f19ea6; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #f19ea6; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(241, 158, 166, 0.04); border-color: transparent; color: #f19ea6; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(241, 158, 166, 0.16); border-color: transparent; color: #f19ea6; } + .p-button.p-button-link { color: #8dd0ff; background: transparent; @@ -2458,6 +2577,7 @@ color: #8dd0ff; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2469,14 +2589,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2487,45 +2610,52 @@ background: #3f4b5b; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 4px; } @@ -2603,6 +2733,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #6c757d; @@ -2631,6 +2762,7 @@ border-color: transparent; color: #6c757d; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #7fd8e6; @@ -2659,6 +2791,7 @@ border-color: transparent; color: #7fd8e6; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #9fdaa8; @@ -2687,6 +2820,7 @@ border-color: transparent; color: #9fdaa8; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2715,6 +2849,7 @@ border-color: transparent; color: #ffe082; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #b7a2e0; @@ -2743,6 +2878,7 @@ border-color: transparent; color: #b7a2e0; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f19ea6; @@ -2771,8 +2907,9 @@ border-color: transparent; color: #f19ea6; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2783,13 +2920,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: transparent; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -2815,6 +2952,7 @@ background: #8dd0ff; color: #151515; } + .p-datatable .p-paginator-top { border-width: 0; border-radius: 0; @@ -2908,9 +3046,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2920,17 +3058,17 @@ transition: color 0.15s, box-shadow 0.15s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -2960,12 +3098,12 @@ background: #8dd0ff; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #2a323d; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #2a323d; } .p-datatable .p-datatable-loading-icon { @@ -3068,6 +3206,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0; border-radius: 0; @@ -3106,10 +3245,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3137,6 +3278,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3156,6 +3298,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } + .p-column-filter-overlay { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -3193,6 +3336,7 @@ border-top: 1px solid #3f4b5b; margin: 0.5rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.5rem; border-bottom: 1px solid #3f4b5b; @@ -3221,6 +3365,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } + .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3306,6 +3451,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.04); } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1.5rem; box-shadow: none; @@ -3314,6 +3460,7 @@ background: #2a323d; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -3352,6 +3499,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } + .p-paginator { background: #2a323d; color: #8dd0ff; @@ -3361,9 +3509,9 @@ border-radius: 4px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 1px solid #3f4b5b; color: #8dd0ff; @@ -3374,9 +3522,9 @@ border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); border-color: #3f4b5b; color: #8dd0ff; @@ -3433,6 +3581,7 @@ border-color: #3f4b5b; color: #8dd0ff; } + .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3518,6 +3667,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.04); } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1.5rem; box-shadow: none; @@ -3526,6 +3676,7 @@ background: #2a323d; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3537,19 +3688,20 @@ background-color: #3f4b5b; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #3f4b5b; background: #2a323d; @@ -3606,11 +3758,11 @@ color: #151515; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #151515; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #151515; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3683,6 +3835,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } + .p-treetable .p-paginator-top { border-width: 0; border-radius: 0; @@ -3822,7 +3975,7 @@ background: #8dd0ff; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #2a323d; } .p-treetable .p-treetable-loading-icon { @@ -3883,6 +4036,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #2a323d; color: rgba(255, 255, 255, 0.6); @@ -3907,6 +4061,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem 1.25rem; border: 1px solid #3f4b5b; @@ -3979,6 +4134,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-card { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -4004,6 +4160,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #2a323d; } @@ -4027,6 +4184,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #3f4b5b; background: #2a323d; @@ -4067,6 +4225,7 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } + .p-panel .p-panel-header { border: 1px solid #3f4b5b; padding: 1rem 1.25rem; @@ -4133,6 +4292,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #3f4b5b; border: 0 none; @@ -4143,6 +4303,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } + .p-splitter { border: 1px solid #3f4b5b; background: #2a323d; @@ -4164,164 +4325,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #3f4b5b; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.15s; - border-radius: 4px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 4px; - transition: color 0.15s, box-shadow 0.15s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - font-weight: 600; - transition: color 0.15s, box-shadow 0.15s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #8dd0ff; - color: #151515; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #8dd0ff; - } - .p-stepper .p-stepper-panels { - background: #2a323d; - padding: 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #3f4b5b; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.15s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #8dd0ff; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4390,6 +4394,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-toolbar { background: #2a323d; border: 1px solid #3f4b5b; @@ -4400,6 +4405,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -4447,6 +4453,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 4px; box-shadow: none; @@ -4519,6 +4526,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -4560,6 +4568,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #3f4b5b; } + .p-sidebar { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -4570,7 +4579,7 @@ padding: 1rem 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4580,13 +4589,13 @@ transition: color 0.15s, box-shadow 0.15s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -4600,6 +4609,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem 1.25rem; } + .p-tooltip .p-tooltip-text { background: #3f4b5b; color: rgba(255, 255, 255, 0.87); @@ -4619,6 +4629,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #3f4b5b; } + .p-fileupload .p-fileupload-buttonbar { background: #2a323d; padding: 1rem 1.25rem; @@ -4658,6 +4669,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #56bdff; color: #151515; @@ -4668,6 +4680,7 @@ color: #151515; border-color: #1dadff; } + .p-breadcrumb { background: #343e4d; border: 0 none; @@ -4699,6 +4712,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.87); } + .p-contextmenu { padding: 0.5rem 0; background: #2a323d; @@ -4746,7 +4760,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4760,7 +4774,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4771,7 +4785,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4785,6 +4799,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4808,31 +4823,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4891,7 +4907,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4905,7 +4921,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4916,7 +4932,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -4974,9 +4990,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } + .p-menu { padding: 0.5rem 0; background: #2a323d; @@ -5013,7 +5030,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5027,7 +5044,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5038,7 +5055,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5072,6 +5089,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem 1rem; background: #343e4d; @@ -5110,7 +5128,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5141,7 +5159,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5155,7 +5173,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5166,7 +5184,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5183,6 +5201,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5357,7 +5376,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5371,7 +5390,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5382,7 +5401,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5422,6 +5441,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-slidemenu { padding: 0.5rem 0; background: #2a323d; @@ -5464,7 +5484,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5478,7 +5498,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5489,7 +5509,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5536,6 +5556,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.15s; @@ -5580,6 +5601,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #3f4b5b; @@ -5650,6 +5672,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #e3f3fe; } + .p-tieredmenu { padding: 0.5rem 0; background: #2a323d; @@ -5700,7 +5723,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5714,7 +5737,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5725,7 +5748,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5739,6 +5762,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.75rem; margin: 0; @@ -5794,6 +5818,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 4px; @@ -5882,6 +5907,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 1; } @@ -5932,7 +5958,7 @@ color: #004085; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #004085; } .p-toast .p-toast-message.p-toast-message-success { @@ -5942,7 +5968,7 @@ color: #155724; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #155724; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5952,7 +5978,7 @@ color: #856404; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #856404; } .p-toast .p-toast-message.p-toast-message-error { @@ -5962,9 +5988,10 @@ color: #721c24; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #721c24; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5995,7 +6022,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6052,7 +6079,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: rgba(255, 255, 255, 0.6); @@ -6062,7 +6089,7 @@ border-radius: 4px; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.6); } @@ -6071,23 +6098,29 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: color 0.15s, box-shadow 0.15s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6111,6 +6144,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #3f4b5b; border-radius: 4px; @@ -6131,9 +6165,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #2a323d; } + .p-badge { background: #8dd0ff; color: #151515; @@ -6175,6 +6211,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #3f4b5b; color: rgba(255, 255, 255, 0.87); @@ -6210,6 +6247,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.75rem; border-radius: 4px; @@ -6224,15 +6262,19 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6240,19 +6282,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6312,6 +6359,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6327,6 +6375,7 @@ color: #151515; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6348,6 +6397,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 4px; @@ -6355,6 +6405,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #8dd0ff; color: #151515; @@ -6387,6 +6438,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #2a323d; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/bootstrap4-dark-purple/theme.css b/src/assets/components/themes/bootstrap4-dark-purple/theme.css index 9d0fce1b71a..70a3cd8004c 100644 --- a/src/assets/components/themes/bootstrap4-dark-purple/theme.css +++ b/src/assets/components/themes/bootstrap4-dark-purple/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.15s; } + .p-disabled, .p-component:disabled { opacity: 0.65; } + .p-error { color: #f19ea6; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f19ea6; } + .p-autocomplete-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -427,9 +440,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f19ea6; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -437,19 +452,23 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.107rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #f19ea6; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; border-color: #c298d8; } + .p-datepicker { padding: 0; background: #2a323d; @@ -476,7 +495,7 @@ border-top-left-radius: 4px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -486,13 +505,13 @@ transition: color 0.15s, box-shadow 0.15s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: color 0.15s, box-shadow 0.15s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #c298d8; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -664,10 +684,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.107rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f19ea6; } + .p-cascadeselect-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #3f4b5b; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #3f4b5b; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f19ea6; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -768,6 +794,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #9954bb; color: #151515; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f19ea6; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #3f4b5b; } @@ -831,15 +861,19 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #9954bb; } + .p-checkbox-label { margin-left: 0.5rem; } + .p-highlight .p-checkbox .p-checkbox-box { border-color: #151515; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f19ea6; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #3f4b5b; } @@ -878,9 +912,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #f19ea6; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -888,22 +924,26 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #2a323d; border: 1px solid #3f4b5b; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: rgba(255, 255, 255, 0.87); } + .p-colorpicker-overlay-panel { box-shadow: none; } + .p-dropdown { background: #20262e; border: 1px solid #3f4b5b; @@ -947,6 +987,7 @@ .p-dropdown.p-invalid.p-component { border-color: #f19ea6; } + .p-dropdown-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -1010,6 +1051,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #3f4b5b; } @@ -1022,14 +1064,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #f19ea6; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #2a323d; color: rgba(255, 255, 255, 0.6); @@ -1042,68 +1087,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #3f4b5b; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f19ea6; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1111,9 +1166,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #f19ea6; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1121,21 +1178,25 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.107rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.107rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1174,9 +1235,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #c298d8; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f19ea6; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1209,54 +1272,69 @@ font-size: 1.25rem; padding: 0.625rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.15s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #f19ea6; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { background-color: #3f4b5b; } @@ -1266,14 +1344,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #3f4b5b; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.9375rem; } + .p-listbox { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -1348,9 +1429,11 @@ box-shadow: 0 0 0 1px #f0e6f5; border-color: #c298d8; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f19ea6; } + .p-multiselect { background: #20262e; border: 1px solid #3f4b5b; @@ -1390,9 +1473,11 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1400,6 +1485,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-multiselect-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -1488,6 +1574,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #3f4b5b; } @@ -1497,12 +1584,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #3f4b5b; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #f19ea6; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #f19ea6; } + .p-password-panel { padding: 1.25rem; background: #2a323d; @@ -1524,6 +1614,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #9fdaa8; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1531,6 +1622,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1538,6 +1630,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1575,9 +1668,11 @@ background: #9954bb; color: #151515; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #f19ea6; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #3f4b5b; } @@ -1590,12 +1685,15 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #9954bb; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #151515; } + .p-rating { gap: 0.5rem; } @@ -1626,9 +1724,11 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f19ea6; } + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #151515; } + .p-selectbutton .p-button { background: #6c757d; border: 1px solid #6c757d; @@ -1636,7 +1736,7 @@ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1645,7 +1745,7 @@ color: #ffffff; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight { @@ -1654,7 +1754,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1663,12 +1763,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #f19ea6; } + .p-slider { background: #3f4b5b; border: 0 none; @@ -1720,6 +1822,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.15s; } + .p-togglebutton.p-button { background: #6c757d; border: 1px solid #6c757d; @@ -1727,7 +1830,7 @@ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1736,7 +1839,7 @@ color: #ffffff; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight { @@ -1745,7 +1848,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1754,12 +1857,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #f19ea6; } + .p-treeselect { background: #20262e; border: 1px solid #3f4b5b; @@ -1796,12 +1901,15 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #f19ea6; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.75rem; } + .p-treeselect-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -1861,6 +1969,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #3f4b5b; } @@ -1870,6 +1979,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #3f4b5b; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1877,6 +1987,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-button { color: #151515; background: #c298d8; @@ -1988,7 +2099,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2015,6 +2126,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2027,414 +2139,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #6c757d; border: 1px solid #6c757d; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #5a6268; color: #ffffff; border-color: #5a6268; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px rgba(130, 138, 145, 0.5); } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #545b62; color: #ffffff; border-color: #4e555b; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #6c757d; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); color: #6c757d; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(108, 117, 125, 0.16); color: #6c757d; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #6c757d; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); border-color: transparent; color: #6c757d; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(108, 117, 125, 0.16); border-color: transparent; color: #6c757d; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #151515; background: #7fd8e6; border: 1px solid #4cc8db; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #4cc8db; color: #151515; border-color: #26bdd3; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #b1e8f0; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #26bdd3; color: #151515; border-color: #00b2cc; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #7fd8e6; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(127, 216, 230, 0.04); color: #7fd8e6; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(127, 216, 230, 0.16); color: #7fd8e6; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #7fd8e6; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(127, 216, 230, 0.04); border-color: transparent; color: #7fd8e6; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(127, 216, 230, 0.16); border-color: transparent; color: #7fd8e6; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #151515; background: #9fdaa8; border: 1px solid #78cc86; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #78cc86; color: #151515; border-color: #5ac06c; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #c5e8ca; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #5ac06c; color: #151515; border-color: #3cb553; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #9fdaa8; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(159, 218, 168, 0.04); color: #9fdaa8; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(159, 218, 168, 0.16); color: #9fdaa8; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #9fdaa8; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(159, 218, 168, 0.04); border-color: transparent; color: #9fdaa8; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(159, 218, 168, 0.16); border-color: transparent; color: #9fdaa8; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #151515; background: #ffe082; border: 1px solid #ffd54f; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd54f; color: #151515; border-color: #ffca28; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffecb3; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffca28; color: #151515; border-color: #ffc107; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #ffe082; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffe082; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; color: #ffe082; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; color: #ffe082; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #151515; background: #b7a2e0; border: 1px solid #9a7cd4; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #9a7cd4; color: #151515; border-color: #845fca; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d3c7ec; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #845fca; color: #151515; border-color: #6d43c0; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #b7a2e0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(183, 162, 224, 0.04); color: #b7a2e0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(183, 162, 224, 0.16); color: #b7a2e0; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #b7a2e0; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(183, 162, 224, 0.04); border-color: transparent; color: #b7a2e0; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(183, 162, 224, 0.16); border-color: transparent; color: #b7a2e0; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #151515; background: #f19ea6; border: 1px solid #e97984; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #e97984; color: #151515; border-color: #f75965; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffd0d9; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #f75965; color: #151515; border-color: #fd464e; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #f19ea6; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(241, 158, 166, 0.04); color: #f19ea6; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(241, 158, 166, 0.16); color: #f19ea6; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #f19ea6; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(241, 158, 166, 0.04); border-color: transparent; color: #f19ea6; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(241, 158, 166, 0.16); border-color: transparent; color: #f19ea6; } + .p-button.p-button-link { color: #c298d8; background: transparent; @@ -2458,6 +2577,7 @@ color: #c298d8; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2469,14 +2589,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2487,45 +2610,52 @@ background: #3f4b5b; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 4px; } @@ -2603,6 +2733,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #6c757d; @@ -2631,6 +2762,7 @@ border-color: transparent; color: #6c757d; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #7fd8e6; @@ -2659,6 +2791,7 @@ border-color: transparent; color: #7fd8e6; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #9fdaa8; @@ -2687,6 +2820,7 @@ border-color: transparent; color: #9fdaa8; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2715,6 +2849,7 @@ border-color: transparent; color: #ffe082; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #b7a2e0; @@ -2743,6 +2878,7 @@ border-color: transparent; color: #b7a2e0; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f19ea6; @@ -2771,8 +2907,9 @@ border-color: transparent; color: #f19ea6; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2783,13 +2920,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: transparent; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -2815,6 +2952,7 @@ background: #c298d8; color: #151515; } + .p-datatable .p-paginator-top { border-width: 0; border-radius: 0; @@ -2908,9 +3046,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2920,17 +3058,17 @@ transition: color 0.15s, box-shadow 0.15s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -2960,12 +3098,12 @@ background: #c298d8; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #2a323d; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #2a323d; } .p-datatable .p-datatable-loading-icon { @@ -3068,6 +3206,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0; border-radius: 0; @@ -3106,10 +3245,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3137,6 +3278,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3156,6 +3298,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } + .p-column-filter-overlay { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -3193,6 +3336,7 @@ border-top: 1px solid #3f4b5b; margin: 0.5rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.5rem; border-bottom: 1px solid #3f4b5b; @@ -3221,6 +3365,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } + .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3306,6 +3451,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.04); } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1.5rem; box-shadow: none; @@ -3314,6 +3460,7 @@ background: #2a323d; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -3352,6 +3499,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } + .p-paginator { background: #2a323d; color: #c298d8; @@ -3361,9 +3509,9 @@ border-radius: 4px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 1px solid #3f4b5b; color: #c298d8; @@ -3374,9 +3522,9 @@ border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); border-color: #3f4b5b; color: #c298d8; @@ -3433,6 +3581,7 @@ border-color: #3f4b5b; color: #c298d8; } + .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3518,6 +3667,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.04); } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1.5rem; box-shadow: none; @@ -3526,6 +3676,7 @@ background: #2a323d; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3537,19 +3688,20 @@ background-color: #3f4b5b; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #3f4b5b; background: #2a323d; @@ -3606,11 +3758,11 @@ color: #151515; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #151515; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #151515; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3683,6 +3835,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } + .p-treetable .p-paginator-top { border-width: 0; border-radius: 0; @@ -3822,7 +3975,7 @@ background: #c298d8; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #2a323d; } .p-treetable .p-treetable-loading-icon { @@ -3883,6 +4036,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #2a323d; color: rgba(255, 255, 255, 0.6); @@ -3907,6 +4061,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem 1.25rem; border: 1px solid #3f4b5b; @@ -3979,6 +4134,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-card { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -4004,6 +4160,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #2a323d; } @@ -4027,6 +4184,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #3f4b5b; background: #2a323d; @@ -4067,6 +4225,7 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } + .p-panel .p-panel-header { border: 1px solid #3f4b5b; padding: 1rem 1.25rem; @@ -4133,6 +4292,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #3f4b5b; border: 0 none; @@ -4143,6 +4303,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } + .p-splitter { border: 1px solid #3f4b5b; background: #2a323d; @@ -4164,164 +4325,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #3f4b5b; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.15s; - border-radius: 4px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 4px; - transition: color 0.15s, box-shadow 0.15s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - font-weight: 600; - transition: color 0.15s, box-shadow 0.15s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #c298d8; - color: #151515; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #c298d8; - } - .p-stepper .p-stepper-panels { - background: #2a323d; - padding: 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #3f4b5b; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.15s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #c298d8; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4390,6 +4394,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-toolbar { background: #2a323d; border: 1px solid #3f4b5b; @@ -4400,6 +4405,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -4447,6 +4453,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 4px; box-shadow: none; @@ -4519,6 +4526,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -4560,6 +4568,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #3f4b5b; } + .p-sidebar { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -4570,7 +4579,7 @@ padding: 1rem 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4580,13 +4589,13 @@ transition: color 0.15s, box-shadow 0.15s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -4600,6 +4609,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem 1.25rem; } + .p-tooltip .p-tooltip-text { background: #3f4b5b; color: rgba(255, 255, 255, 0.87); @@ -4619,6 +4629,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #3f4b5b; } + .p-fileupload .p-fileupload-buttonbar { background: #2a323d; padding: 1rem 1.25rem; @@ -4658,6 +4669,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #aa70c7; color: #151515; @@ -4668,6 +4680,7 @@ color: #151515; border-color: #9954bb; } + .p-breadcrumb { background: #343e4d; border: 0 none; @@ -4699,6 +4712,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.87); } + .p-contextmenu { padding: 0.5rem 0; background: #2a323d; @@ -4746,7 +4760,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4760,7 +4774,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4771,7 +4785,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4785,6 +4799,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4808,31 +4823,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4891,7 +4907,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4905,7 +4921,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4916,7 +4932,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -4974,9 +4990,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } + .p-menu { padding: 0.5rem 0; background: #2a323d; @@ -5013,7 +5030,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5027,7 +5044,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5038,7 +5055,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5072,6 +5089,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem 1rem; background: #343e4d; @@ -5110,7 +5128,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5141,7 +5159,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5155,7 +5173,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5166,7 +5184,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5183,6 +5201,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5357,7 +5376,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5371,7 +5390,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5382,7 +5401,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5422,6 +5441,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-slidemenu { padding: 0.5rem 0; background: #2a323d; @@ -5464,7 +5484,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5478,7 +5498,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5489,7 +5509,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5536,6 +5556,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.15s; @@ -5580,6 +5601,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #3f4b5b; @@ -5650,6 +5672,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #f0e6f5; } + .p-tieredmenu { padding: 0.5rem 0; background: #2a323d; @@ -5700,7 +5723,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5714,7 +5737,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5725,7 +5748,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5739,6 +5762,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.75rem; margin: 0; @@ -5794,6 +5818,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 4px; @@ -5882,6 +5907,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 1; } @@ -5932,7 +5958,7 @@ color: #004085; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #004085; } .p-toast .p-toast-message.p-toast-message-success { @@ -5942,7 +5968,7 @@ color: #155724; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #155724; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5952,7 +5978,7 @@ color: #856404; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #856404; } .p-toast .p-toast-message.p-toast-message-error { @@ -5962,9 +5988,10 @@ color: #721c24; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #721c24; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5995,7 +6022,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6052,7 +6079,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: rgba(255, 255, 255, 0.6); @@ -6062,7 +6089,7 @@ border-radius: 4px; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.6); } @@ -6071,23 +6098,29 @@ outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: color 0.15s, box-shadow 0.15s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6111,6 +6144,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #3f4b5b; border-radius: 4px; @@ -6131,9 +6165,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #2a323d; } + .p-badge { background: #c298d8; color: #151515; @@ -6175,6 +6211,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #3f4b5b; color: rgba(255, 255, 255, 0.87); @@ -6210,6 +6247,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.75rem; border-radius: 4px; @@ -6224,15 +6262,19 @@ outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6240,19 +6282,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6312,6 +6359,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6327,6 +6375,7 @@ color: #151515; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6348,6 +6397,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 4px; @@ -6355,6 +6405,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #c298d8; color: #151515; @@ -6387,6 +6438,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #2a323d; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/bootstrap4-light-blue/theme.css b/src/assets/components/themes/bootstrap4-light-blue/theme.css index 713b866344e..1ceec3b0436 100644 --- a/src/assets/components/themes/bootstrap4-light-blue/theme.css +++ b/src/assets/components/themes/bootstrap4-light-blue/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.15s; } + .p-disabled, .p-component:disabled { opacity: 0.65; } + .p-error { color: #dc3545; } + .p-text-secondary { color: #6c757d; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #dc3545; } + .p-autocomplete-panel { background: #ffffff; color: #212529; @@ -427,9 +440,11 @@ color: #212529; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #dc3545; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -437,19 +452,23 @@ color: #495057; right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #495057; right: 3.107rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #dc3545; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: #007bff; } + .p-datepicker { padding: 0; background: #ffffff; @@ -476,7 +495,7 @@ border-top-left-radius: 4px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6c757d; @@ -486,13 +505,13 @@ transition: box-shadow 0.15s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #495057; border-color: transparent; background: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #212529; transition: box-shadow 0.15s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #007bff; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -664,10 +684,12 @@ color: #495057; right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #495057; right: 3.107rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #dc3545; } + .p-cascadeselect-panel { background: #ffffff; color: #212529; @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #efefef; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #efefef; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #dc3545; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -768,6 +794,7 @@ color: #495057; right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #0062cc; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #dc3545; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #efefef; } @@ -831,15 +861,19 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #0062cc; } + .p-checkbox-label { margin-left: 0.5rem; } + .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #dc3545; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #ced4da; } @@ -878,9 +912,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #dc3545; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -888,22 +924,26 @@ color: #495057; right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #212529; border: 1px solid #212529; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: none; } + .p-dropdown { background: #ffffff; border: 1px solid #ced4da; @@ -947,6 +987,7 @@ .p-dropdown.p-invalid.p-component { border-color: #dc3545; } + .p-dropdown-panel { background: #ffffff; color: #212529; @@ -1010,6 +1051,7 @@ color: #212529; background: transparent; } + .p-input-filled .p-dropdown { background: #efefef; } @@ -1022,14 +1064,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #dc3545; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #e9ecef; color: #495057; @@ -1042,68 +1087,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #ced4da; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: #495057; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: #495057; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #dc3545; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1111,9 +1166,11 @@ color: #495057; right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #dc3545; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1121,21 +1178,25 @@ color: #495057; right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.107rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.107rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1174,9 +1235,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #007bff; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #dc3545; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1209,54 +1272,69 @@ font-size: 1.25rem; padding: 0.625rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: #6c757d; transition-duration: 0.15s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #dc3545; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: #495057; } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: #495057; } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: #6c757d; } + :-moz-placeholder { color: #6c757d; } + ::-moz-placeholder { color: #6c757d; } + :-ms-input-placeholder { color: #6c757d; } + .p-input-filled .p-inputtext { background-color: #efefef; } @@ -1266,14 +1344,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #efefef; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.9375rem; } + .p-listbox { background: #ffffff; color: #212529; @@ -1348,9 +1429,11 @@ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: #007bff; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #dc3545; } + .p-multiselect { background: #ffffff; border: 1px solid #ced4da; @@ -1390,9 +1473,11 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1400,6 +1485,7 @@ color: #495057; right: 2.357rem; } + .p-multiselect-panel { background: #ffffff; color: #212529; @@ -1488,6 +1574,7 @@ color: #212529; background: transparent; } + .p-input-filled .p-multiselect { background: #efefef; } @@ -1497,12 +1584,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #efefef; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #dc3545; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #dc3545; } + .p-password-panel { padding: 1.25rem; background: #ffffff; @@ -1524,6 +1614,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #28a745; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1531,6 +1622,7 @@ color: #495057; right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1538,6 +1630,7 @@ color: #495057; right: 2.5rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1575,9 +1668,11 @@ background: #0062cc; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #dc3545; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #efefef; } @@ -1590,12 +1685,15 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #0062cc; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } + .p-rating { gap: 0.5rem; } @@ -1626,9 +1724,11 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #dc3545; } + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #ffffff; } + .p-selectbutton .p-button { background: #6c757d; border: 1px solid #6c757d; @@ -1636,7 +1736,7 @@ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1645,7 +1745,7 @@ color: #ffffff; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight { @@ -1654,7 +1754,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1663,12 +1763,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #dc3545; } + .p-slider { background: #e9ecef; border: 0 none; @@ -1720,6 +1822,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.15s; } + .p-togglebutton.p-button { background: #6c757d; border: 1px solid #6c757d; @@ -1727,7 +1830,7 @@ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1736,7 +1839,7 @@ color: #ffffff; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight { @@ -1745,7 +1848,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1754,12 +1857,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #dc3545; } + .p-treeselect { background: #ffffff; border: 1px solid #ced4da; @@ -1796,12 +1901,15 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #dc3545; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.75rem; } + .p-treeselect-panel { background: #ffffff; color: #212529; @@ -1861,6 +1969,7 @@ color: #212529; background: transparent; } + .p-input-filled .p-treeselect { background: #efefef; } @@ -1870,6 +1979,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #efefef; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1877,6 +1987,7 @@ color: #495057; right: 2.357rem; } + .p-button { color: #ffffff; background: #007bff; @@ -1988,7 +2099,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2015,6 +2126,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2027,414 +2139,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #6c757d; border: 1px solid #6c757d; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #5a6268; color: #ffffff; border-color: #5a6268; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #545b62; color: #ffffff; border-color: #4e555b; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #6c757d; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); color: #6c757d; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(108, 117, 125, 0.16); color: #6c757d; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #6c757d; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); border-color: transparent; color: #6c757d; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(108, 117, 125, 0.16); border-color: transparent; color: #6c757d; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #17a2b8; border: 1px solid #17a2b8; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #138496; color: #ffffff; border-color: #117a8b; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #138496; color: #ffffff; border-color: #117a8b; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #17a2b8; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(23, 162, 184, 0.04); color: #17a2b8; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(23, 162, 184, 0.16); color: #17a2b8; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #17a2b8; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(23, 162, 184, 0.04); border-color: transparent; color: #17a2b8; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(23, 162, 184, 0.16); border-color: transparent; color: #17a2b8; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #28a745; border: 1px solid #28a745; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #218838; color: #ffffff; border-color: #1e7e34; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #1e7e34; color: #ffffff; border-color: #1c7430; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #28a745; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(40, 167, 69, 0.04); color: #28a745; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(40, 167, 69, 0.16); color: #28a745; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #28a745; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(40, 167, 69, 0.04); border-color: transparent; color: #28a745; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(40, 167, 69, 0.16); border-color: transparent; color: #28a745; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #ffc107; border: 1px solid #ffc107; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #e0a800; color: #212529; border-color: #d39e00; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #d39e00; color: #212529; border-color: #c69500; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffc107; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); color: #ffc107; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 193, 7, 0.16); color: #ffc107; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffc107; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); border-color: transparent; color: #ffc107; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 193, 7, 0.16); border-color: transparent; color: #ffc107; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #6f42c1; border: 1px solid #6f42c1; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #633bad; color: #ffffff; border-color: #58349a; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #d3c6ec; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #58349a; color: #ffffff; border-color: #4d2e87; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #6f42c1; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(111, 66, 193, 0.04); color: #6f42c1; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(111, 66, 193, 0.16); color: #6f42c1; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #6f42c1; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(111, 66, 193, 0.04); border-color: transparent; color: #6f42c1; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(111, 66, 193, 0.16); border-color: transparent; color: #6f42c1; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #dc3545; border: 1px solid #dc3545; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c82333; color: #ffffff; border-color: #bd2130; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #bd2130; color: #ffffff; border-color: #b21f2d; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #dc3545; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(220, 53, 69, 0.04); color: #dc3545; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(220, 53, 69, 0.16); color: #dc3545; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #dc3545; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(220, 53, 69, 0.04); border-color: transparent; color: #dc3545; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(220, 53, 69, 0.16); border-color: transparent; color: #dc3545; } + .p-button.p-button-link { color: #007bff; background: transparent; @@ -2458,6 +2577,7 @@ color: #007bff; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2469,14 +2589,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2487,45 +2610,52 @@ background: #343a40; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 4px; } @@ -2603,6 +2733,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #6c757d; @@ -2631,6 +2762,7 @@ border-color: transparent; color: #6c757d; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #17a2b8; @@ -2659,6 +2791,7 @@ border-color: transparent; color: #17a2b8; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #28a745; @@ -2687,6 +2820,7 @@ border-color: transparent; color: #28a745; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffc107; @@ -2715,6 +2849,7 @@ border-color: transparent; color: #ffc107; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #6f42c1; @@ -2743,6 +2878,7 @@ border-color: transparent; color: #6f42c1; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #dc3545; @@ -2771,8 +2907,9 @@ border-color: transparent; color: #dc3545; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6c757d; @@ -2783,13 +2920,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #495057; border-color: transparent; background: transparent; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -2815,6 +2952,7 @@ background: #007bff; color: #ffffff; } + .p-datatable .p-paginator-top { border-width: 1px 0 0 0; border-radius: 0; @@ -2908,9 +3046,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6c757d; @@ -2920,17 +3058,17 @@ transition: box-shadow 0.15s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #495057; border-color: transparent; background: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -2960,12 +3098,12 @@ background: #007bff; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #efefef; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #ffffff; } .p-datatable .p-datatable-loading-icon { @@ -3068,6 +3206,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 0 0 0; border-radius: 0; @@ -3106,10 +3245,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3137,6 +3278,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3156,6 +3298,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } + .p-column-filter-overlay { background: #ffffff; color: #212529; @@ -3193,6 +3336,7 @@ border-top: 1px solid #dee2e6; margin: 0.5rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.5rem; border-bottom: 1px solid #dee2e6; @@ -3221,6 +3365,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } + .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3306,6 +3451,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #e9ecef; } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1.5rem; box-shadow: none; @@ -3314,6 +3460,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #212529; @@ -3352,6 +3499,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } + .p-paginator { background: #ffffff; color: #007bff; @@ -3361,9 +3509,9 @@ border-radius: 4px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: #ffffff; border: 1px solid #dee2e6; color: #007bff; @@ -3374,9 +3522,9 @@ border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: #dee2e6; color: #007bff; @@ -3433,6 +3581,7 @@ border-color: #dee2e6; color: #007bff; } + .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3518,6 +3667,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #e9ecef; } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1.5rem; box-shadow: none; @@ -3526,6 +3676,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3537,19 +3688,20 @@ background-color: #dee2e6; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #dee2e6; background: #ffffff; @@ -3606,11 +3758,11 @@ color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3683,6 +3835,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } + .p-treetable .p-paginator-top { border-width: 1px 0 0 0; border-radius: 0; @@ -3822,7 +3975,7 @@ background: #007bff; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #efefef; } .p-treetable .p-treetable-loading-icon { @@ -3883,6 +4036,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #efefef; color: #212529; @@ -3907,6 +4061,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem 1.25rem; border: 1px solid #dee2e6; @@ -3979,6 +4134,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-card { background: #ffffff; color: #212529; @@ -4004,6 +4160,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4027,6 +4184,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; @@ -4067,6 +4225,7 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } + .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem 1.25rem; @@ -4133,6 +4292,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #efefef; border: 0 none; @@ -4143,6 +4303,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } + .p-splitter { border: 1px solid #dee2e6; background: #ffffff; @@ -4164,164 +4325,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.15s; - border-radius: 4px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #212529; - border: 1px solid #dee2e6; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 4px; - transition: box-shadow 0.15s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #6c757d; - font-weight: 600; - transition: box-shadow 0.15s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #007bff; - color: #ffffff; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #212529; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #007bff; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 1.25rem; - color: #212529; - } - .p-stepper .p-stepper-separator { - background-color: #dee2e6; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.15s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #212529; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #007bff; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4390,6 +4394,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-toolbar { background: #efefef; border: 1px solid #dee2e6; @@ -4400,6 +4405,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #212529; @@ -4447,6 +4453,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 4px; box-shadow: none; @@ -4519,6 +4526,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #212529; @@ -4560,6 +4568,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: rgba(0, 0, 0, 0.2); } + .p-sidebar { background: #ffffff; color: #212529; @@ -4570,7 +4579,7 @@ padding: 1rem 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6c757d; @@ -4580,13 +4589,13 @@ transition: box-shadow 0.15s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #495057; border-color: transparent; background: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -4600,6 +4609,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem 1.25rem; } + .p-tooltip .p-tooltip-text { background: #212529; color: #ffffff; @@ -4619,6 +4629,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #212529; } + .p-fileupload .p-fileupload-buttonbar { background: #efefef; padding: 1rem 1.25rem; @@ -4658,6 +4669,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #0069d9; color: #ffffff; @@ -4668,6 +4680,7 @@ color: #ffffff; border-color: #0062cc; } + .p-breadcrumb { background: #efefef; border: 0 none; @@ -4699,6 +4712,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6c757d; } + .p-contextmenu { padding: 0.5rem 0; background: #ffffff; @@ -4746,7 +4760,7 @@ color: #212529; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4760,7 +4774,7 @@ color: #212529; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4771,7 +4785,7 @@ color: #212529; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem-separator { @@ -4785,6 +4799,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4808,31 +4823,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4891,7 +4907,7 @@ color: #212529; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4905,7 +4921,7 @@ color: #212529; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4916,7 +4932,7 @@ color: #212529; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-megamenu-panel { @@ -4974,9 +4990,10 @@ color: rgba(0, 0, 0, 0.7); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.7); } + .p-menu { padding: 0.5rem 0; background: #ffffff; @@ -5013,7 +5030,7 @@ color: #212529; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5027,7 +5044,7 @@ color: #212529; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5038,7 +5055,7 @@ color: #212529; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu.p-menu-overlay { @@ -5072,6 +5089,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem 1rem; background: #efefef; @@ -5110,7 +5128,7 @@ color: rgba(0, 0, 0, 0.7); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.7); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5141,7 +5159,7 @@ color: #212529; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5155,7 +5173,7 @@ color: #212529; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5166,7 +5184,7 @@ color: #212529; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-submenu-list { @@ -5183,6 +5201,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5357,7 +5376,7 @@ color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5371,7 +5390,7 @@ color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5382,7 +5401,7 @@ color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5422,6 +5441,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5464,7 +5484,7 @@ color: #212529; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5478,7 +5498,7 @@ color: #212529; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5489,7 +5509,7 @@ color: #212529; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu.p-slidemenu-overlay { @@ -5536,6 +5556,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.15s; @@ -5580,6 +5601,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #dee2e6; @@ -5650,6 +5672,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } + .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5700,7 +5723,7 @@ color: #212529; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5714,7 +5737,7 @@ color: #212529; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5725,7 +5748,7 @@ color: #212529; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem-separator { @@ -5739,6 +5762,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.75rem; margin: 0; @@ -5794,6 +5818,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 4px; @@ -5882,6 +5907,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 1; } @@ -5932,7 +5958,7 @@ color: #004085; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #004085; } .p-toast .p-toast-message.p-toast-message-success { @@ -5942,7 +5968,7 @@ color: #155724; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #155724; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5952,7 +5978,7 @@ color: #856404; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #856404; } .p-toast .p-toast-message.p-toast-message-error { @@ -5962,9 +5988,10 @@ color: #721c24; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #721c24; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5995,7 +6022,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6052,7 +6079,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #efefef; @@ -6062,7 +6089,7 @@ border-radius: 4px; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #efefef; } @@ -6071,23 +6098,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: box-shadow 0.15s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6111,6 +6144,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #dee2e6; border-radius: 4px; @@ -6131,9 +6165,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #007bff; color: #ffffff; @@ -6175,6 +6211,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #dee2e6; color: #212529; @@ -6210,6 +6247,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.75rem; border-radius: 4px; @@ -6224,15 +6262,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6240,19 +6282,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6312,6 +6359,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6327,6 +6375,7 @@ color: #ffffff; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6348,6 +6397,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #e9ecef; border-radius: 4px; @@ -6355,6 +6405,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #007bff; color: #ffffff; @@ -6387,6 +6438,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #212529; diff --git a/src/assets/components/themes/bootstrap4-light-purple/theme.css b/src/assets/components/themes/bootstrap4-light-purple/theme.css index 4e8bb2a76bd..95ed2b74ddf 100644 --- a/src/assets/components/themes/bootstrap4-light-purple/theme.css +++ b/src/assets/components/themes/bootstrap4-light-purple/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.15s; } + .p-disabled, .p-component:disabled { opacity: 0.65; } + .p-error { color: #dc3545; } + .p-text-secondary { color: #6c757d; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #dc3545; } + .p-autocomplete-panel { background: #ffffff; color: #212529; @@ -427,9 +440,11 @@ color: #212529; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #dc3545; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -437,19 +452,23 @@ color: #495057; right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #495057; right: 3.107rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #dc3545; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: #883cae; } + .p-datepicker { padding: 0; background: #ffffff; @@ -476,7 +495,7 @@ border-top-left-radius: 4px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6c757d; @@ -486,13 +505,13 @@ transition: box-shadow 0.15s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #495057; border-color: transparent; background: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #212529; transition: box-shadow 0.15s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #883cae; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -664,10 +684,12 @@ color: #495057; right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #495057; right: 3.107rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #dc3545; } + .p-cascadeselect-panel { background: #ffffff; color: #212529; @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #efefef; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #efefef; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #dc3545; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -768,6 +794,7 @@ color: #495057; right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #68329e; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #dc3545; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #efefef; } @@ -831,15 +861,19 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #68329e; } + .p-checkbox-label { margin-left: 0.5rem; } + .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #dc3545; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #ced4da; } @@ -878,9 +912,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #dc3545; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -888,22 +924,26 @@ color: #495057; right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #212529; border: 1px solid #212529; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: none; } + .p-dropdown { background: #ffffff; border: 1px solid #ced4da; @@ -947,6 +987,7 @@ .p-dropdown.p-invalid.p-component { border-color: #dc3545; } + .p-dropdown-panel { background: #ffffff; color: #212529; @@ -1010,6 +1051,7 @@ color: #212529; background: transparent; } + .p-input-filled .p-dropdown { background: #efefef; } @@ -1022,14 +1064,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #dc3545; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #e9ecef; color: #495057; @@ -1042,68 +1087,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #ced4da; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: #495057; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: #495057; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #dc3545; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1111,9 +1166,11 @@ color: #495057; right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #dc3545; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1121,21 +1178,25 @@ color: #495057; right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.107rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.107rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1174,9 +1235,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #883cae; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #dc3545; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1209,54 +1272,69 @@ font-size: 1.25rem; padding: 0.625rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: #6c757d; transition-duration: 0.15s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #dc3545; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: #495057; } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: #495057; } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: #6c757d; } + :-moz-placeholder { color: #6c757d; } + ::-moz-placeholder { color: #6c757d; } + :-ms-input-placeholder { color: #6c757d; } + .p-input-filled .p-inputtext { background-color: #efefef; } @@ -1266,14 +1344,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #efefef; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.9375rem; } + .p-listbox { background: #ffffff; color: #212529; @@ -1348,9 +1429,11 @@ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: #883cae; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #dc3545; } + .p-multiselect { background: #ffffff; border: 1px solid #ced4da; @@ -1390,9 +1473,11 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1400,6 +1485,7 @@ color: #495057; right: 2.357rem; } + .p-multiselect-panel { background: #ffffff; color: #212529; @@ -1488,6 +1574,7 @@ color: #212529; background: transparent; } + .p-input-filled .p-multiselect { background: #efefef; } @@ -1497,12 +1584,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #efefef; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #dc3545; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #dc3545; } + .p-password-panel { padding: 1.25rem; background: #ffffff; @@ -1524,6 +1614,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #28a745; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1531,6 +1622,7 @@ color: #495057; right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1538,6 +1630,7 @@ color: #495057; right: 2.5rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1575,9 +1668,11 @@ background: #68329e; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #dc3545; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #efefef; } @@ -1590,12 +1685,15 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #68329e; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } + .p-rating { gap: 0.5rem; } @@ -1626,9 +1724,11 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #dc3545; } + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #ffffff; } + .p-selectbutton .p-button { background: #6c757d; border: 1px solid #6c757d; @@ -1636,7 +1736,7 @@ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1645,7 +1745,7 @@ color: #ffffff; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight { @@ -1654,7 +1754,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1663,12 +1763,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #dc3545; } + .p-slider { background: #e9ecef; border: 0 none; @@ -1720,6 +1822,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.15s; } + .p-togglebutton.p-button { background: #6c757d; border: 1px solid #6c757d; @@ -1727,7 +1830,7 @@ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1736,7 +1839,7 @@ color: #ffffff; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight { @@ -1745,7 +1848,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1754,12 +1857,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #dc3545; } + .p-treeselect { background: #ffffff; border: 1px solid #ced4da; @@ -1796,12 +1901,15 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #dc3545; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.75rem; } + .p-treeselect-panel { background: #ffffff; color: #212529; @@ -1861,6 +1969,7 @@ color: #212529; background: transparent; } + .p-input-filled .p-treeselect { background: #efefef; } @@ -1870,6 +1979,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #efefef; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1877,6 +1987,7 @@ color: #495057; right: 2.357rem; } + .p-button { color: #ffffff; background: #883cae; @@ -1988,7 +2099,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2015,6 +2126,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2027,414 +2139,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #6c757d; border: 1px solid #6c757d; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #5a6268; color: #ffffff; border-color: #5a6268; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #545b62; color: #ffffff; border-color: #4e555b; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #6c757d; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); color: #6c757d; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(108, 117, 125, 0.16); color: #6c757d; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #6c757d; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); border-color: transparent; color: #6c757d; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(108, 117, 125, 0.16); border-color: transparent; color: #6c757d; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #17a2b8; border: 1px solid #17a2b8; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #138496; color: #ffffff; border-color: #117a8b; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #138496; color: #ffffff; border-color: #117a8b; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #17a2b8; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(23, 162, 184, 0.04); color: #17a2b8; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(23, 162, 184, 0.16); color: #17a2b8; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #17a2b8; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(23, 162, 184, 0.04); border-color: transparent; color: #17a2b8; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(23, 162, 184, 0.16); border-color: transparent; color: #17a2b8; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #28a745; border: 1px solid #28a745; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #218838; color: #ffffff; border-color: #1e7e34; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #1e7e34; color: #ffffff; border-color: #1c7430; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #28a745; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(40, 167, 69, 0.04); color: #28a745; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(40, 167, 69, 0.16); color: #28a745; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #28a745; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(40, 167, 69, 0.04); border-color: transparent; color: #28a745; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(40, 167, 69, 0.16); border-color: transparent; color: #28a745; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #ffc107; border: 1px solid #ffc107; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #e0a800; color: #212529; border-color: #d39e00; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #d39e00; color: #212529; border-color: #c69500; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffc107; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); color: #ffc107; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 193, 7, 0.16); color: #ffc107; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffc107; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); border-color: transparent; color: #ffc107; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 193, 7, 0.16); border-color: transparent; color: #ffc107; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #6f42c1; border: 1px solid #6f42c1; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #633bad; color: #ffffff; border-color: #58349a; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #d3c6ec; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #58349a; color: #ffffff; border-color: #4d2e87; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #6f42c1; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(111, 66, 193, 0.04); color: #6f42c1; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(111, 66, 193, 0.16); color: #6f42c1; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #6f42c1; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(111, 66, 193, 0.04); border-color: transparent; color: #6f42c1; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(111, 66, 193, 0.16); border-color: transparent; color: #6f42c1; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #dc3545; border: 1px solid #dc3545; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c82333; color: #ffffff; border-color: #bd2130; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #bd2130; color: #ffffff; border-color: #b21f2d; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #dc3545; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(220, 53, 69, 0.04); color: #dc3545; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(220, 53, 69, 0.16); color: #dc3545; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #dc3545; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(220, 53, 69, 0.04); border-color: transparent; color: #dc3545; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(220, 53, 69, 0.16); border-color: transparent; color: #dc3545; } + .p-button.p-button-link { color: #883cae; background: transparent; @@ -2458,6 +2577,7 @@ color: #883cae; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2469,14 +2589,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2487,45 +2610,52 @@ background: #343a40; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 4px; } @@ -2603,6 +2733,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #6c757d; @@ -2631,6 +2762,7 @@ border-color: transparent; color: #6c757d; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #17a2b8; @@ -2659,6 +2791,7 @@ border-color: transparent; color: #17a2b8; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #28a745; @@ -2687,6 +2820,7 @@ border-color: transparent; color: #28a745; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffc107; @@ -2715,6 +2849,7 @@ border-color: transparent; color: #ffc107; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #6f42c1; @@ -2743,6 +2878,7 @@ border-color: transparent; color: #6f42c1; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #dc3545; @@ -2771,8 +2907,9 @@ border-color: transparent; color: #dc3545; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6c757d; @@ -2783,13 +2920,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #495057; border-color: transparent; background: transparent; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -2815,6 +2952,7 @@ background: #883cae; color: #ffffff; } + .p-datatable .p-paginator-top { border-width: 1px 0 0 0; border-radius: 0; @@ -2908,9 +3046,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6c757d; @@ -2920,17 +3058,17 @@ transition: box-shadow 0.15s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #495057; border-color: transparent; background: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -2960,12 +3098,12 @@ background: #883cae; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #efefef; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #ffffff; } .p-datatable .p-datatable-loading-icon { @@ -3068,6 +3206,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 0 0 0; border-radius: 0; @@ -3106,10 +3245,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3137,6 +3278,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3156,6 +3298,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } + .p-column-filter-overlay { background: #ffffff; color: #212529; @@ -3193,6 +3336,7 @@ border-top: 1px solid #dee2e6; margin: 0.5rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.5rem; border-bottom: 1px solid #dee2e6; @@ -3221,6 +3365,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } + .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3306,6 +3451,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #e9ecef; } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1.5rem; box-shadow: none; @@ -3314,6 +3460,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #212529; @@ -3352,6 +3499,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } + .p-paginator { background: #ffffff; color: #883cae; @@ -3361,9 +3509,9 @@ border-radius: 4px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: #ffffff; border: 1px solid #dee2e6; color: #883cae; @@ -3374,9 +3522,9 @@ border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: #dee2e6; color: #883cae; @@ -3433,6 +3581,7 @@ border-color: #dee2e6; color: #883cae; } + .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3518,6 +3667,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #e9ecef; } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1.5rem; box-shadow: none; @@ -3526,6 +3676,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3537,19 +3688,20 @@ background-color: #dee2e6; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #dee2e6; background: #ffffff; @@ -3606,11 +3758,11 @@ color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3683,6 +3835,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } + .p-treetable .p-paginator-top { border-width: 1px 0 0 0; border-radius: 0; @@ -3822,7 +3975,7 @@ background: #883cae; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #efefef; } .p-treetable .p-treetable-loading-icon { @@ -3883,6 +4036,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #efefef; color: #212529; @@ -3907,6 +4061,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem 1.25rem; border: 1px solid #dee2e6; @@ -3979,6 +4134,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-card { background: #ffffff; color: #212529; @@ -4004,6 +4160,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4027,6 +4184,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; @@ -4067,6 +4225,7 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } + .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem 1.25rem; @@ -4133,6 +4292,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #efefef; border: 0 none; @@ -4143,6 +4303,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } + .p-splitter { border: 1px solid #dee2e6; background: #ffffff; @@ -4164,164 +4325,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.15s; - border-radius: 4px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #212529; - border: 1px solid #dee2e6; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 4px; - transition: box-shadow 0.15s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #6c757d; - font-weight: 600; - transition: box-shadow 0.15s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #883cae; - color: #ffffff; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #212529; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #883cae; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 1.25rem; - color: #212529; - } - .p-stepper .p-stepper-separator { - background-color: #dee2e6; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.15s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #212529; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #883cae; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4390,6 +4394,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-toolbar { background: #efefef; border: 1px solid #dee2e6; @@ -4400,6 +4405,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #212529; @@ -4447,6 +4453,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 4px; box-shadow: none; @@ -4519,6 +4526,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #212529; @@ -4560,6 +4568,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: rgba(0, 0, 0, 0.2); } + .p-sidebar { background: #ffffff; color: #212529; @@ -4570,7 +4579,7 @@ padding: 1rem 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6c757d; @@ -4580,13 +4589,13 @@ transition: box-shadow 0.15s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #495057; border-color: transparent; background: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -4600,6 +4609,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem 1.25rem; } + .p-tooltip .p-tooltip-text { background: #212529; color: #ffffff; @@ -4619,6 +4629,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #212529; } + .p-fileupload .p-fileupload-buttonbar { background: #efefef; padding: 1rem 1.25rem; @@ -4658,6 +4669,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #7a38a7; color: #ffffff; @@ -4668,6 +4680,7 @@ color: #ffffff; border-color: #68329e; } + .p-breadcrumb { background: #efefef; border: 0 none; @@ -4699,6 +4712,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6c757d; } + .p-contextmenu { padding: 0.5rem 0; background: #ffffff; @@ -4746,7 +4760,7 @@ color: #212529; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4760,7 +4774,7 @@ color: #212529; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4771,7 +4785,7 @@ color: #212529; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem-separator { @@ -4785,6 +4799,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4808,31 +4823,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4891,7 +4907,7 @@ color: #212529; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4905,7 +4921,7 @@ color: #212529; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4916,7 +4932,7 @@ color: #212529; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-megamenu-panel { @@ -4974,9 +4990,10 @@ color: rgba(0, 0, 0, 0.7); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.7); } + .p-menu { padding: 0.5rem 0; background: #ffffff; @@ -5013,7 +5030,7 @@ color: #212529; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5027,7 +5044,7 @@ color: #212529; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5038,7 +5055,7 @@ color: #212529; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu.p-menu-overlay { @@ -5072,6 +5089,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem 1rem; background: #efefef; @@ -5110,7 +5128,7 @@ color: rgba(0, 0, 0, 0.7); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.7); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5141,7 +5159,7 @@ color: #212529; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5155,7 +5173,7 @@ color: #212529; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5166,7 +5184,7 @@ color: #212529; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-submenu-list { @@ -5183,6 +5201,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5357,7 +5376,7 @@ color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5371,7 +5390,7 @@ color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5382,7 +5401,7 @@ color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5422,6 +5441,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5464,7 +5484,7 @@ color: #212529; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5478,7 +5498,7 @@ color: #212529; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5489,7 +5509,7 @@ color: #212529; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu.p-slidemenu-overlay { @@ -5536,6 +5556,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.15s; @@ -5580,6 +5601,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #dee2e6; @@ -5650,6 +5672,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } + .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5700,7 +5723,7 @@ color: #212529; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5714,7 +5737,7 @@ color: #212529; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5725,7 +5748,7 @@ color: #212529; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem-separator { @@ -5739,6 +5762,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.75rem; margin: 0; @@ -5794,6 +5818,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 4px; @@ -5882,6 +5907,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 1; } @@ -5932,7 +5958,7 @@ color: #004085; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #004085; } .p-toast .p-toast-message.p-toast-message-success { @@ -5942,7 +5968,7 @@ color: #155724; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #155724; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5952,7 +5978,7 @@ color: #856404; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #856404; } .p-toast .p-toast-message.p-toast-message-error { @@ -5962,9 +5988,10 @@ color: #721c24; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #721c24; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5995,7 +6022,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6052,7 +6079,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #efefef; @@ -6062,7 +6089,7 @@ border-radius: 4px; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #efefef; } @@ -6071,23 +6098,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: box-shadow 0.15s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6111,6 +6144,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #dee2e6; border-radius: 4px; @@ -6131,9 +6165,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #883cae; color: #ffffff; @@ -6175,6 +6211,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #dee2e6; color: #212529; @@ -6210,6 +6247,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.75rem; border-radius: 4px; @@ -6224,15 +6262,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6240,19 +6282,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6312,6 +6359,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6327,6 +6375,7 @@ color: #ffffff; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6348,6 +6397,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #e9ecef; border-radius: 4px; @@ -6355,6 +6405,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #883cae; color: #ffffff; @@ -6387,6 +6438,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #212529; diff --git a/src/assets/components/themes/fluent-light/theme.css b/src/assets/components/themes/fluent-light/theme.css index d2004cf1334..1be2bd1c703 100644 --- a/src/assets/components/themes/fluent-light/theme.css +++ b/src/assets/components/themes/fluent-light/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.6; } + .p-error { color: #a4252c; } + .p-text-secondary { color: #605e5c; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #a4252c; } + .p-autocomplete-panel { background: #ffffff; color: #323130; @@ -427,9 +440,11 @@ color: #323130; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #a4252c; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -437,19 +452,23 @@ color: #605e5c; right: 0.5rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #605e5c; right: 2.857rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #a4252c; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; border-color: #0078d4; } + .p-datepicker { padding: 0.75rem; background: #ffffff; @@ -476,7 +495,7 @@ border-top-left-radius: 2px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #605e5c; @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #605e5c; border-color: transparent; background: #f3f2f1; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #323130; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #0078d4; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -664,10 +684,12 @@ color: #605e5c; right: 0.5rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #605e5c; right: 2.857rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #a4252c; } + .p-cascadeselect-panel { background: #ffffff; color: #323130; @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #faf9f8; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #faf9f8; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #a4252c; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -768,6 +794,7 @@ color: #605e5c; right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #005a9e; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #a4252c; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #faf9f8; } @@ -831,12 +861,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #005a9e; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #a4252c; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #323130; } @@ -875,9 +908,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #a4252c; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } @@ -885,22 +920,26 @@ color: #605e5c; right: 0.5rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; } + .p-dropdown { background: #ffffff; border: 1px solid #605e5c; @@ -944,6 +983,7 @@ .p-dropdown.p-invalid.p-component { border-color: #a4252c; } + .p-dropdown-panel { background: #ffffff; color: #323130; @@ -1007,6 +1047,7 @@ color: #323130; background: transparent; } + .p-input-filled .p-dropdown { background: #faf9f8; } @@ -1019,14 +1060,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #a4252c; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #f3f2f1; color: #605e5c; @@ -1039,68 +1083,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #605e5c; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.5rem; color: #605e5c; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.5rem; color: #605e5c; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #a4252c; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1108,9 +1162,11 @@ color: #605e5c; right: 0.5rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #a4252c; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } @@ -1118,21 +1174,25 @@ color: #605e5c; right: 0.5rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.857rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.857rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1171,9 +1231,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #005a9e; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #a4252c; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1206,54 +1268,69 @@ font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-float-label > label { left: 0.5rem; color: #605e5c; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #a4252c; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.5rem; color: #605e5c; } + .p-input-icon-left > .p-inputtext { padding-left: 2rem; } + .p-input-icon-left.p-float-label > label { left: 2rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.5rem; color: #605e5c; } + .p-input-icon-right > .p-inputtext { padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2rem; } + .p-icon-field-left.p-float-label > label { left: 2rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2rem; } + ::-webkit-input-placeholder { color: #605e5c; } + :-moz-placeholder { color: #605e5c; } + ::-moz-placeholder { color: #605e5c; } + :-ms-input-placeholder { color: #605e5c; } + .p-input-filled .p-inputtext { background-color: #faf9f8; } @@ -1263,14 +1340,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #faf9f8; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-listbox { background: #ffffff; color: #323130; @@ -1345,9 +1425,11 @@ box-shadow: inset 0 0 0 1px #605e5c; border-color: #0078d4; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #a4252c; } + .p-multiselect { background: #ffffff; border: 1px solid #605e5c; @@ -1387,9 +1469,11 @@ border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.5rem; } @@ -1397,6 +1481,7 @@ color: #605e5c; right: 2.357rem; } + .p-multiselect-panel { background: #ffffff; color: #323130; @@ -1485,6 +1570,7 @@ color: #323130; background: transparent; } + .p-input-filled .p-multiselect { background: #faf9f8; } @@ -1494,12 +1580,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #faf9f8; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #a4252c; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #a4252c; } + .p-password-panel { padding: 1rem; background: #ffffff; @@ -1521,6 +1610,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #498205; } + p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1528,6 +1618,7 @@ color: #605e5c; right: 0.5rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1535,6 +1626,7 @@ color: #605e5c; right: 2rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1572,9 +1664,11 @@ background: #ffffff; color: #005a9e; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #a4252c; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #faf9f8; } @@ -1587,9 +1681,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #ffffff; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1620,6 +1716,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #a4252c; } + .p-selectbutton .p-button { background: #ffffff; border: 1px solid #605e5c; @@ -1627,7 +1724,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #605e5c; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1636,7 +1733,7 @@ color: #323130; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #605e5c; } .p-selectbutton .p-button.p-highlight { @@ -1645,7 +1742,7 @@ color: #323130; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #323130; } .p-selectbutton .p-button.p-highlight:hover { @@ -1654,12 +1751,14 @@ color: #323130; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #323130; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #a4252c; } + .p-slider { background: #c8c6c4; border: 0 none; @@ -1711,6 +1810,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #ffffff; border: 1px solid #605e5c; @@ -1718,7 +1818,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #605e5c; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1727,7 +1827,7 @@ color: #323130; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #605e5c; } .p-togglebutton.p-button.p-highlight { @@ -1736,7 +1836,7 @@ color: #323130; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #323130; } .p-togglebutton.p-button.p-highlight:hover { @@ -1745,12 +1845,14 @@ color: #323130; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #323130; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #a4252c; } + .p-treeselect { background: #ffffff; border: 1px solid #605e5c; @@ -1787,12 +1889,15 @@ border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #a4252c; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } + .p-treeselect-panel { background: #ffffff; color: #323130; @@ -1852,6 +1957,7 @@ color: #323130; background: transparent; } + .p-input-filled .p-treeselect { background: #faf9f8; } @@ -1861,6 +1967,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #faf9f8; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.5rem; } @@ -1868,6 +1975,7 @@ color: #605e5c; right: 2.357rem; } + .p-button { color: #ffffff; background: #0078d4; @@ -1979,7 +2087,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2006,6 +2114,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2018,414 +2127,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #d45c00; border: 1px solid #d45c00; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #bf5300; color: #ffffff; border-color: #bf5300; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ffbc88; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #aa4a00; color: #ffffff; border-color: #aa4a00; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #d45c00; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(212, 92, 0, 0.04); color: #d45c00; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(212, 92, 0, 0.16); color: #d45c00; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #d45c00; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(212, 92, 0, 0.04); border-color: transparent; color: #d45c00; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(212, 92, 0, 0.16); border-color: transparent; color: #d45c00; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #00b7c3; border: 1px solid #00b7c3; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #00a5b0; color: #ffffff; border-color: #00a5b0; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #81f7ff; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #00929c; color: #ffffff; border-color: #00929c; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #00b7c3; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(0, 183, 195, 0.04); color: #00b7c3; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(0, 183, 195, 0.16); color: #00b7c3; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #00b7c3; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(0, 183, 195, 0.04); border-color: transparent; color: #00b7c3; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(0, 183, 195, 0.16); border-color: transparent; color: #00b7c3; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #498205; border: 1px solid #498205; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #427505; color: #ffffff; border-color: #427505; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #baf96f; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #3a6804; color: #ffffff; border-color: #3a6804; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #498205; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(73, 130, 5, 0.04); color: #498205; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(73, 130, 5, 0.16); color: #498205; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #498205; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(73, 130, 5, 0.04); border-color: transparent; color: #498205; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(73, 130, 5, 0.16); border-color: transparent; color: #498205; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #323130; background: #ffaa44; border: 1px solid #ffaa44; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ff9b24; color: #323130; border-color: #ff9b24; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ffddb4; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ff8d03; color: #323130; border-color: #ff8d03; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffaa44; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 170, 68, 0.04); color: #ffaa44; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 170, 68, 0.16); color: #ffaa44; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffaa44; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 170, 68, 0.04); border-color: transparent; color: #ffaa44; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 170, 68, 0.16); border-color: transparent; color: #ffaa44; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #8378de; border: 1px solid #8378de; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #6a5dd7; color: #ffffff; border-color: #6a5dd7; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #cdc9f2; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #5141d1; color: #ffffff; border-color: #5141d1; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #8378de; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(131, 120, 222, 0.04); color: #8378de; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(131, 120, 222, 0.16); color: #8378de; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #8378de; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(131, 120, 222, 0.04); border-color: transparent; color: #8378de; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(131, 120, 222, 0.16); border-color: transparent; color: #8378de; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #d13438; border: 1px solid #d13438; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c02b2f; color: #ffffff; border-color: #c02b2f; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #edaeaf; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #aa272a; color: #ffffff; border-color: #aa272a; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #d13438; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(209, 52, 56, 0.04); color: #d13438; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(209, 52, 56, 0.16); color: #d13438; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #d13438; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(209, 52, 56, 0.04); border-color: transparent; color: #d13438; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(209, 52, 56, 0.16); border-color: transparent; color: #d13438; } + .p-button.p-button-link { color: #0078d4; background: transparent; @@ -2449,6 +2565,7 @@ color: #0078d4; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2460,14 +2577,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2478,45 +2598,52 @@ background: #605e5c; color: #ffffff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 2px; } @@ -2594,6 +2721,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #d45c00; @@ -2622,6 +2750,7 @@ border-color: transparent; color: #d45c00; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #00b7c3; @@ -2650,6 +2779,7 @@ border-color: transparent; color: #00b7c3; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #498205; @@ -2678,6 +2808,7 @@ border-color: transparent; color: #498205; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffaa44; @@ -2706,6 +2837,7 @@ border-color: transparent; color: #ffaa44; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #8378de; @@ -2734,6 +2866,7 @@ border-color: transparent; color: #8378de; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d13438; @@ -2762,8 +2895,9 @@ border-color: transparent; color: #d13438; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #605e5c; @@ -2774,13 +2908,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #605e5c; border-color: transparent; background: #f3f2f1; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -2806,6 +2940,7 @@ background: #edebe9; color: #323130; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2899,9 +3034,9 @@ padding: 0.75rem 0.75rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #605e5c; @@ -2911,17 +3046,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #605e5c; border-color: transparent; background: #f3f2f1; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -2951,12 +3086,12 @@ background: #0078d4; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #faf9f8; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #ffffff; } .p-datatable .p-datatable-loading-icon { @@ -3059,6 +3194,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.9375rem 0.9375rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3097,10 +3233,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3128,6 +3266,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3147,6 +3286,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } + .p-column-filter-overlay { background: #ffffff; color: #323130; @@ -3184,6 +3324,7 @@ border-top: 1px solid #edebe9; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 0.5rem; border-bottom: 1px solid #edebe9; @@ -3212,6 +3353,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3297,6 +3439,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #f3f2f1; } + .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 0.5rem; box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; @@ -3305,6 +3448,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f3f2f1; color: #323130; @@ -3343,6 +3487,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } + .p-paginator { background: #ffffff; color: #605e5c; @@ -3352,9 +3497,9 @@ border-radius: 2px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #605e5c; @@ -3365,9 +3510,9 @@ border-radius: 2px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #f3f2f1; border-color: transparent; color: #323130; @@ -3424,6 +3569,7 @@ border-color: transparent; color: #323130; } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3509,6 +3655,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #f3f2f1; } + .p-picklist-item.cdk-drag-preview { padding: 0.75rem 0.5rem; box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; @@ -3517,6 +3664,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3528,19 +3676,20 @@ background-color: #a19f9d; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #a19f9d; background: #ffffff; @@ -3597,11 +3746,11 @@ color: #323130; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #323130; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #323130; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3674,6 +3823,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3813,7 +3963,7 @@ background: #0078d4; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #faf9f8; } .p-treetable .p-treetable-loading-icon { @@ -3874,6 +4024,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.9375rem 0.9375rem; } + .p-virtualscroller .p-virtualscroller-header { background: #ffffff; color: #323130; @@ -3898,6 +4049,7 @@ border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #a19f9d; @@ -3946,6 +4098,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } + .p-card { background: #ffffff; color: #323130; @@ -3971,6 +4124,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -3994,6 +4148,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #a19f9d; background: #ffffff; @@ -4034,6 +4189,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid #a19f9d; padding: 1rem; @@ -4100,6 +4256,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #f3f2f1; border: 0 none; @@ -4110,6 +4267,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } + .p-splitter { border: 1px solid #a19f9d; background: #ffffff; @@ -4131,158 +4289,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #edebe9; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 2px; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #323130; - border: 1px solid #f3f2f1; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #605e5c; - font-weight: 600; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #edebe9; - color: #323130; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #323130; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 1rem; - color: #323130; - } - .p-stepper .p-stepper-separator { - background-color: #a19f9d; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #323130; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4351,6 +4358,7 @@ border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } + .p-toolbar { background: #faf9f8; border: 1px solid #a19f9d; @@ -4361,6 +4369,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #323130; @@ -4408,6 +4417,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px; @@ -4480,6 +4490,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #323130; @@ -4521,6 +4532,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: #323130; @@ -4531,7 +4543,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #605e5c; @@ -4541,13 +4553,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #605e5c; border-color: transparent; background: #f3f2f1; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -4561,6 +4573,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #ffffff; color: #323130; @@ -4580,6 +4593,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #ffffff; } + .p-fileupload .p-fileupload-buttonbar { background: #faf9f8; padding: 1rem; @@ -4619,6 +4633,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #106ebe; color: #ffffff; @@ -4629,6 +4644,7 @@ color: #ffffff; border-color: #005a9e; } + .p-breadcrumb { background: #ffffff; border: 1px solid #eeeeee; @@ -4660,6 +4676,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #0078d4; } + .p-contextmenu { padding: 0; background: #ffffff; @@ -4707,7 +4724,7 @@ color: #323130; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4721,7 +4738,7 @@ color: #323130; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #323130; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4732,7 +4749,7 @@ color: #323130; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-contextmenu .p-menuitem-separator { @@ -4746,6 +4763,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4769,31 +4787,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4852,7 +4871,7 @@ color: #323130; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4866,7 +4885,7 @@ color: #323130; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #323130; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4877,7 +4896,7 @@ color: #323130; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-megamenu .p-megamenu-panel { @@ -4935,9 +4954,10 @@ color: #323130; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } + .p-menu { padding: 0; background: #ffffff; @@ -4974,7 +4994,7 @@ color: #323130; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4988,7 +5008,7 @@ color: #323130; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #323130; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4999,7 +5019,7 @@ color: #323130; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-menu.p-menu-overlay { @@ -5033,6 +5053,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #ffffff; @@ -5071,7 +5092,7 @@ color: #323130; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5102,7 +5123,7 @@ color: #323130; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5116,7 +5137,7 @@ color: #323130; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #323130; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5127,7 +5148,7 @@ color: #323130; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-menubar .p-submenu-list { @@ -5144,6 +5165,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5318,7 +5340,7 @@ color: #323130; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5332,7 +5354,7 @@ color: #323130; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #323130; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5343,7 +5365,7 @@ color: #323130; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5359,6 +5381,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } + .p-slidemenu { padding: 0; background: #ffffff; @@ -5401,7 +5424,7 @@ color: #323130; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5415,7 +5438,7 @@ color: #323130; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #323130; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5426,7 +5449,7 @@ color: #323130; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-slidemenu.p-slidemenu-overlay { @@ -5473,6 +5496,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5517,6 +5541,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 0 none; @@ -5587,6 +5612,7 @@ outline-offset: 0; box-shadow: inset inset 0 0 0 1px #605e5c; } + .p-tieredmenu { padding: 0; background: #ffffff; @@ -5637,7 +5663,7 @@ color: #323130; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5651,7 +5677,7 @@ color: #323130; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #323130; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5662,7 +5688,7 @@ color: #323130; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-tieredmenu .p-menuitem-separator { @@ -5676,6 +5702,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5731,6 +5758,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 2px; @@ -5819,6 +5847,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5869,7 +5898,7 @@ color: #323130; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #605e5c; } .p-toast .p-toast-message.p-toast-message-success { @@ -5879,7 +5908,7 @@ color: #323130; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #107c10; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5889,7 +5918,7 @@ color: #323130; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #797775; } .p-toast .p-toast-message.p-toast-message-error { @@ -5899,9 +5928,10 @@ color: #323130; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #a80000; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5932,7 +5962,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -5989,7 +6019,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #faf9f8; @@ -5999,7 +6029,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #faf9f8; } @@ -6008,23 +6038,29 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6048,6 +6084,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #edebe9; border-radius: 2px; @@ -6068,9 +6105,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #0078d4; color: #ffffff; @@ -6112,6 +6151,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #edebe9; color: #323130; @@ -6147,6 +6187,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 2px; @@ -6161,15 +6202,19 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6177,19 +6222,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6249,6 +6299,7 @@ border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } + .p-progressbar { border: 0 none; height: 2px; @@ -6264,6 +6315,7 @@ color: #ffffff; line-height: 2px; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6285,6 +6337,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #edebe9; border-radius: 2px; @@ -6292,6 +6345,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #0078d4; color: #ffffff; @@ -6324,6 +6378,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #323130; @@ -6341,6 +6396,7 @@ .p-button-label { font-weight: 600; } + .p-slider:not(.p-disabled):hover { background-color: #deecf9; } @@ -6350,6 +6406,7 @@ .p-slider:not(.p-disabled):hover .p-slider-handle { border-color: #005a9e; } + .p-inputswitch { width: 40px; height: 20px; @@ -6377,6 +6434,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { border-color: #0078d4; } + .p-datepicker .p-datepicker-header .p-datepicker-title { order: 1; margin: 0 auto 0 0; @@ -6429,42 +6487,53 @@ .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem 0; } + .p-datatable { font-size: 90%; } + .p-toast { font-size: 90%; } .p-toast .p-toast-icon-close-icon { font-size: 90%; } + .p-message { font-size: 90%; } .p-message .p-message-close .p-message-close-icon { font-size: 90%; } + .p-tooltip .p-tooltip-text { font-size: 90%; } + .p-component .p-menu-separator { border-color: #eeeeee; } + .p-submenu-icon { color: #605e5c !important; } + .p-menuitem-active .p-submenu-icon { color: #323130 !important; } + .p-progressbar-label { display: none !important; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #0078d4; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #0078d4; } + .p-inputtext:disabled { background-color: #f3f2f1; border-color: #f3f2f1; @@ -6475,10 +6544,11 @@ .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #0078d4; } + .p-checkbox .p-checkbox-box.p-disabled, - .p-radiobutton .p-radiobutton-box.p-disabled, - .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container.p-disabled, - .p-chips .p-chips-multiple-container.p-disabled { +.p-radiobutton .p-radiobutton-box.p-disabled, +.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container.p-disabled, +.p-chips .p-chips-multiple-container.p-disabled { background-color: #f3f2f1; border-color: #f3f2f1; color: #a19f9d; @@ -6486,13 +6556,14 @@ user-select: none; } .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus, - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus, - .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus, +.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #0078d4; } + .p-dropdown.p-disabled, - .p-multiselect.p-disabled { +.p-multiselect.p-disabled { background-color: #f3f2f1; border-color: #f3f2f1; color: #a19f9d; @@ -6500,20 +6571,22 @@ user-select: none; } .p-dropdown.p-disabled .p-dropdown-label, - .p-dropdown.p-disabled .p-dropdown-trigger-icon, - .p-multiselect.p-disabled .p-dropdown-label, - .p-multiselect.p-disabled .p-dropdown-trigger-icon { +.p-dropdown.p-disabled .p-dropdown-trigger-icon, +.p-multiselect.p-disabled .p-dropdown-label, +.p-multiselect.p-disabled .p-dropdown-trigger-icon { color: #a19f9d; } .p-dropdown:not(.p-disabled).p-focus, - .p-multiselect:not(.p-disabled).p-focus { +.p-multiselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #0078d4; } + .p-inputswitch.p-focus .p-inputswitch-slider { box-shadow: none; outline: 1px solid #605e5c; outline-offset: 2px; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #0078d4; } diff --git a/src/assets/components/themes/lara-dark-blue/theme.css b/src/assets/components/themes/lara-dark-blue/theme.css index f4c04d15b1b..c77be116203 100644 --- a/src/assets/components/themes/lara-dark-blue/theme.css +++ b/src/assets/components/themes/lara-dark-blue/theme.css @@ -293,32 +293,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.4; } + .p-error { color: #fca5a5; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -330,12 +338,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -352,6 +363,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -398,6 +410,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #fca5a5; } + .p-autocomplete-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -444,9 +457,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #fca5a5; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -454,19 +469,23 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.75rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #fca5a5; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); border-color: #60a5fa; } + .p-datepicker { padding: 0.5rem; background: #1f2937; @@ -493,7 +512,7 @@ border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -503,13 +522,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); @@ -518,14 +537,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 700; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #60a5fa; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -674,6 +693,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -681,10 +701,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.75rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -727,6 +749,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #fca5a5; } + .p-cascadeselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -766,6 +789,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #424b57; } @@ -775,9 +799,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #424b57; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #fca5a5; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -785,6 +811,7 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -793,6 +820,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 22px; height: 22px; @@ -833,9 +861,11 @@ background: #bfdbfe; color: #030712; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #fca5a5; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #424b57; } @@ -848,12 +878,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #bfdbfe; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #fca5a5; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #60a5fa; } @@ -892,9 +925,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #fca5a5; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -902,22 +937,26 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #1f2937; border: 1px solid #424b57; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: rgba(255, 255, 255, 0.87); } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #111827; border: 1px solid #424b57; @@ -961,6 +1000,7 @@ .p-dropdown.p-invalid.p-component { border-color: #fca5a5; } + .p-dropdown-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1024,6 +1064,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #424b57; } @@ -1036,14 +1077,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #fca5a5; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -1056,68 +1100,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #424b57; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #fca5a5; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1125,9 +1179,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #fca5a5; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1135,21 +1191,25 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.75rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1188,9 +1248,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #93c5fd; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #fca5a5; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1223,54 +1285,69 @@ font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #fca5a5; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { background-color: #424b57; } @@ -1280,14 +1357,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #424b57; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-listbox { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1362,9 +1442,11 @@ box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); border-color: #60a5fa; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #fca5a5; } + .p-multiselect { background: #111827; border: 1px solid #424b57; @@ -1404,9 +1486,11 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1414,6 +1498,7 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-multiselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1502,6 +1587,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #424b57; } @@ -1511,12 +1597,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #424b57; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #fca5a5; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #fca5a5; } + .p-password-panel { padding: 1.25rem; background: #1f2937; @@ -1538,6 +1627,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #93deac; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1545,6 +1635,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1552,6 +1643,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } + .p-radiobutton { width: 22px; height: 22px; @@ -1589,9 +1681,11 @@ background: #bfdbfe; color: #030712; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #fca5a5; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #424b57; } @@ -1604,9 +1698,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #bfdbfe; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1637,6 +1733,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f48fb1; } + .p-selectbutton .p-button { background: #1f2937; border: 1px solid #424b57; @@ -1644,7 +1741,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1653,7 +1750,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1662,7 +1759,7 @@ color: #030712; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #030712; } .p-selectbutton .p-button.p-highlight:hover { @@ -1671,12 +1768,14 @@ color: #030712; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #030712; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #fca5a5; } + .p-slider { background: #424b57; border: 0 none; @@ -1728,6 +1827,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #1f2937; border: 1px solid #424b57; @@ -1735,7 +1835,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1744,7 +1844,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1753,7 +1853,7 @@ color: #030712; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #030712; } .p-togglebutton.p-button.p-highlight:hover { @@ -1762,12 +1862,14 @@ color: #030712; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #030712; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #fca5a5; } + .p-treeselect { background: #111827; border: 1px solid #424b57; @@ -1804,12 +1906,15 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #fca5a5; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } + .p-treeselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1869,6 +1974,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #424b57; } @@ -1878,6 +1984,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #424b57; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1885,6 +1992,7 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-button { color: #030712; background: #60a5fa; @@ -1996,7 +2104,7 @@ padding: 0.75rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2023,6 +2131,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2035,414 +2144,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #020617; background: #94a3b8; border: 1px solid #94a3b8; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #cbd5e1; color: #020617; border-color: #cbd5e1; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #b4bfcd; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #e2e8f0; color: #020617; border-color: #e2e8f0; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #94a3b8; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(148, 163, 184, 0.04); color: #94a3b8; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(148, 163, 184, 0.16); color: #94a3b8; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #94a3b8; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(148, 163, 184, 0.04); border-color: transparent; color: #94a3b8; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(148, 163, 184, 0.16); border-color: transparent; color: #94a3b8; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #082f49; background: #38bdf8; border: 1px solid #38bdf8; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #7dd3fc; color: #082f49; border-color: #7dd3fc; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #74d1fa; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #bae6fd; color: #082f49; border-color: #bae6fd; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #38bdf8; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(56, 189, 248, 0.04); color: #38bdf8; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(56, 189, 248, 0.16); color: #38bdf8; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #38bdf8; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(56, 189, 248, 0.04); border-color: transparent; color: #38bdf8; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(56, 189, 248, 0.16); border-color: transparent; color: #38bdf8; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #052e16; background: #4ade80; border: 1px solid #4ade80; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #86efac; color: #052e16; border-color: #86efac; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #80e8a6; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #bbf7d0; color: #052e16; border-color: #bbf7d0; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #4ade80; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(74, 222, 128, 0.04); color: #4ade80; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(74, 222, 128, 0.16); color: #4ade80; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #4ade80; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(74, 222, 128, 0.04); border-color: transparent; color: #4ade80; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(74, 222, 128, 0.16); border-color: transparent; color: #4ade80; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #431407; background: #fb923c; border: 1px solid #fb923c; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #fdba74; color: #431407; border-color: #fdba74; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #fcb377; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #fed7aa; color: #431407; border-color: #fed7aa; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #fb923c; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 146, 60, 0.04); color: #fb923c; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 146, 60, 0.16); color: #fb923c; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #fb923c; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 146, 60, 0.04); border-color: transparent; color: #fb923c; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 146, 60, 0.16); border-color: transparent; color: #fb923c; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #3b0764; background: #c084fc; border: 1px solid #c084fc; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #d8b4fe; color: #3b0764; border-color: #d8b4fe; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d3a9fd; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #e9d5ff; color: #3b0764; border-color: #e9d5ff; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #c084fc; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(192, 132, 252, 0.04); color: #c084fc; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(192, 132, 252, 0.16); color: #c084fc; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #c084fc; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(192, 132, 252, 0.04); border-color: transparent; color: #c084fc; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(192, 132, 252, 0.16); border-color: transparent; color: #c084fc; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #450a0a; background: #f87171; border: 1px solid #f87171; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #fca5a5; color: #450a0a; border-color: #fca5a5; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #fa9c9c; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #fecaca; color: #450a0a; border-color: #fecaca; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #f87171; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(248, 113, 113, 0.04); color: #f87171; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(248, 113, 113, 0.16); color: #f87171; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #f87171; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(248, 113, 113, 0.04); border-color: transparent; color: #f87171; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(248, 113, 113, 0.16); border-color: transparent; color: #f87171; } + .p-button.p-button-link { color: #60a5fa; background: transparent; @@ -2466,6 +2582,7 @@ color: #60a5fa; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2477,14 +2594,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2495,45 +2615,52 @@ background: rgba(255, 255, 255, 0.6); color: #111827; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 6px; } @@ -2611,6 +2738,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #94a3b8; @@ -2639,6 +2767,7 @@ border-color: transparent; color: #94a3b8; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #38bdf8; @@ -2667,6 +2796,7 @@ border-color: transparent; color: #38bdf8; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #4ade80; @@ -2695,6 +2825,7 @@ border-color: transparent; color: #4ade80; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fb923c; @@ -2723,6 +2854,7 @@ border-color: transparent; color: #fb923c; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #c084fc; @@ -2751,6 +2883,7 @@ border-color: transparent; color: #c084fc; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f87171; @@ -2779,8 +2912,9 @@ border-color: transparent; color: #f87171; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2791,13 +2925,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); @@ -2823,6 +2957,7 @@ background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } + .p-datatable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -2916,9 +3051,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2928,17 +3063,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); @@ -2968,12 +3103,12 @@ background: #60a5fa; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #1f2937; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #1f2937; } .p-datatable .p-datatable-loading-icon { @@ -3076,6 +3211,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3114,10 +3250,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3145,6 +3283,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3164,6 +3303,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } + .p-column-filter-overlay { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -3201,6 +3341,7 @@ border-top: 1px solid #424b57; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; border-bottom: 1px solid #424b57; @@ -3229,6 +3370,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } + .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3314,6 +3456,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3322,6 +3465,7 @@ background: #1f2937; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3360,6 +3504,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } + .p-paginator { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -3369,9 +3514,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3382,9 +3527,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); border-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -3441,6 +3586,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3526,6 +3672,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3534,6 +3681,7 @@ background: #1f2937; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #60a5fa; border-radius: 50%; @@ -3545,19 +3693,20 @@ background-color: #424b57; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #424b57; background: #1f2937; @@ -3614,11 +3763,11 @@ color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3691,6 +3840,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } + .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3830,7 +3980,7 @@ background: #60a5fa; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #1f2937; } .p-treetable .p-treetable-loading-icon { @@ -3891,6 +4041,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -3915,6 +4066,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 1px solid #424b57; @@ -3963,6 +4115,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } + .p-card { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -3988,6 +4141,7 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } + .p-divider .p-divider-content { background-color: #1f2937; } @@ -4011,6 +4165,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #424b57; background: #1f2937; @@ -4051,6 +4206,7 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } + .p-panel .p-panel-header { border: 1px solid #424b57; padding: 1.25rem; @@ -4117,6 +4273,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #424b57; border: 0 none; @@ -4127,6 +4284,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } + .p-splitter { border: 1px solid #424b57; background: #1f2937; @@ -4148,164 +4306,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #424b57; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 6px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(96, 165, 250, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #60a5fa; - } - .p-stepper .p-stepper-panels { - background: #1f2937; - padding: 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #424b57; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #60a5fa; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4374,6 +4375,7 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } + .p-toolbar { background: #1f2937; border: 1px solid #424b57; @@ -4384,6 +4386,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4431,6 +4434,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4503,6 +4507,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4544,6 +4549,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #424b57; } + .p-sidebar { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4554,7 +4560,7 @@ padding: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4564,13 +4570,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); @@ -4584,6 +4590,7 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } + .p-tooltip .p-tooltip-text { background: #424b57; color: rgba(255, 255, 255, 0.87); @@ -4603,6 +4610,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #424b57; } + .p-fileupload .p-fileupload-buttonbar { background: #1f2937; padding: 1.25rem; @@ -4642,6 +4650,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #93c5fd; color: #030712; @@ -4652,6 +4661,7 @@ color: #030712; border-color: #bfdbfe; } + .p-breadcrumb { background: #374151; border: 1px solid #424b57; @@ -4683,6 +4693,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.25rem 0; background: #374151; @@ -4730,7 +4741,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4744,7 +4755,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4755,7 +4766,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4769,6 +4780,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4792,31 +4804,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4875,7 +4888,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4889,7 +4902,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4900,7 +4913,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -4958,9 +4971,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } + .p-menu { padding: 0.25rem 0; background: #374151; @@ -4997,7 +5011,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5011,7 +5025,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5022,7 +5036,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5056,6 +5070,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #374151; @@ -5094,7 +5109,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5125,7 +5140,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5139,7 +5154,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5150,7 +5165,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5167,6 +5182,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5341,7 +5357,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5355,7 +5371,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5366,7 +5382,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5382,6 +5398,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } + .p-slidemenu { padding: 0.25rem 0; background: #374151; @@ -5424,7 +5441,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5438,7 +5455,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5449,7 +5466,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5496,6 +5513,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5540,6 +5558,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #424b57; @@ -5610,6 +5629,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } + .p-tieredmenu { padding: 0.25rem 0; background: #374151; @@ -5660,7 +5680,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5674,7 +5694,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5685,7 +5705,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5699,6 +5719,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5754,6 +5775,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 6px; @@ -5842,6 +5864,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 1; } @@ -5892,7 +5915,7 @@ color: #93c5fd; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #93c5fd; } .p-toast .p-toast-message.p-toast-message-success { @@ -5902,7 +5925,7 @@ color: #6ee7b7; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #6ee7b7; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5912,7 +5935,7 @@ color: #fde047; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #fde047; } .p-toast .p-toast-message.p-toast-message-error { @@ -5922,9 +5945,10 @@ color: #fca5a5; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #fca5a5; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5955,7 +5979,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6012,7 +6036,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6022,7 +6046,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6031,23 +6055,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6071,6 +6101,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #424b57; border-radius: 6px; @@ -6091,9 +6122,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #1f2937; } + .p-badge { background: #60a5fa; color: #030712; @@ -6135,6 +6168,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #424b57; color: rgba(255, 255, 255, 0.87); @@ -6170,6 +6204,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6184,15 +6219,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6200,19 +6239,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6272,6 +6316,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6287,6 +6332,7 @@ color: #030712; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6308,6 +6354,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 6px; @@ -6315,6 +6362,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #60a5fa; color: #030712; @@ -6347,6 +6395,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -6363,25 +6412,32 @@ .p-button-label { font-weight: 700; } + .p-selectbutton > .p-button, - .p-togglebutton.p-button { +.p-togglebutton.p-button { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #60a5fa; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #60a5fa; } + .p-button:focus { box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(96, 165, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } @@ -6403,37 +6459,46 @@ .p-button.p-button-danger:enabled:focus { box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(248, 113, 113, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #60a5fa; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #60a5fa; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #60a5fa; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #60a5fa; } + .p-speeddial-item.p-focus > .p-speeddial-action { box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(96, 165, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } + .p-toast-message { backdrop-filter: blur(10px); } + .p-message .p-message-close:hover { background: rgba(255, 255, 255, 0.1); } + .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.1); } + .p-inline-message-text { font-weight: 500; } + .p-picklist-buttons .p-button, - .p-orderlist-controls .p-button { +.p-orderlist-controls .p-button { transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-steps .p-steps-item.p-highlight .p-steps-number { background: #60a5fa; color: #030712; diff --git a/src/assets/components/themes/lara-dark-indigo/theme.css b/src/assets/components/themes/lara-dark-indigo/theme.css index cff360339f0..e033ee7692a 100644 --- a/src/assets/components/themes/lara-dark-indigo/theme.css +++ b/src/assets/components/themes/lara-dark-indigo/theme.css @@ -293,32 +293,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.4; } + .p-error { color: #fca5a5; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -330,12 +338,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -352,6 +363,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -398,6 +410,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #fca5a5; } + .p-autocomplete-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -444,9 +457,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #fca5a5; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -454,19 +469,23 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.75rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #fca5a5; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); border-color: #818cf8; } + .p-datepicker { padding: 0.5rem; background: #1f2937; @@ -493,7 +512,7 @@ border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -503,13 +522,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); @@ -518,14 +537,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 700; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #818cf8; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -674,6 +693,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -681,10 +701,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.75rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -727,6 +749,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #fca5a5; } + .p-cascadeselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -766,6 +789,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #424b57; } @@ -775,9 +799,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #424b57; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #fca5a5; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -785,6 +811,7 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -793,6 +820,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 22px; height: 22px; @@ -833,9 +861,11 @@ background: #c7d2fe; color: #030712; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #fca5a5; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #424b57; } @@ -848,12 +878,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #c7d2fe; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #fca5a5; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #818cf8; } @@ -892,9 +925,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #fca5a5; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -902,22 +937,26 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #1f2937; border: 1px solid #424b57; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: rgba(255, 255, 255, 0.87); } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #111827; border: 1px solid #424b57; @@ -961,6 +1000,7 @@ .p-dropdown.p-invalid.p-component { border-color: #fca5a5; } + .p-dropdown-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1024,6 +1064,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #424b57; } @@ -1036,14 +1077,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #fca5a5; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -1056,68 +1100,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #424b57; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #fca5a5; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1125,9 +1179,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #fca5a5; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1135,21 +1191,25 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.75rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1188,9 +1248,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #a5b4fc; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #fca5a5; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1223,54 +1285,69 @@ font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #fca5a5; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { background-color: #424b57; } @@ -1280,14 +1357,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #424b57; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-listbox { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1362,9 +1442,11 @@ box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); border-color: #818cf8; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #fca5a5; } + .p-multiselect { background: #111827; border: 1px solid #424b57; @@ -1404,9 +1486,11 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1414,6 +1498,7 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-multiselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1502,6 +1587,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #424b57; } @@ -1511,12 +1597,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #424b57; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #fca5a5; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #fca5a5; } + .p-password-panel { padding: 1.25rem; background: #1f2937; @@ -1538,6 +1627,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #93deac; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1545,6 +1635,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1552,6 +1643,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } + .p-radiobutton { width: 22px; height: 22px; @@ -1589,9 +1681,11 @@ background: #c7d2fe; color: #030712; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #fca5a5; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #424b57; } @@ -1604,9 +1698,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #c7d2fe; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1637,6 +1733,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f48fb1; } + .p-selectbutton .p-button { background: #1f2937; border: 1px solid #424b57; @@ -1644,7 +1741,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1653,7 +1750,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1662,7 +1759,7 @@ color: #030712; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #030712; } .p-selectbutton .p-button.p-highlight:hover { @@ -1671,12 +1768,14 @@ color: #030712; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #030712; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #fca5a5; } + .p-slider { background: #424b57; border: 0 none; @@ -1728,6 +1827,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #1f2937; border: 1px solid #424b57; @@ -1735,7 +1835,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1744,7 +1844,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1753,7 +1853,7 @@ color: #030712; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #030712; } .p-togglebutton.p-button.p-highlight:hover { @@ -1762,12 +1862,14 @@ color: #030712; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #030712; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #fca5a5; } + .p-treeselect { background: #111827; border: 1px solid #424b57; @@ -1804,12 +1906,15 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #fca5a5; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } + .p-treeselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1869,6 +1974,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #424b57; } @@ -1878,6 +1984,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #424b57; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1885,6 +1992,7 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-button { color: #030712; background: #818cf8; @@ -1996,7 +2104,7 @@ padding: 0.75rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2023,6 +2131,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2035,414 +2144,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #020617; background: #94a3b8; border: 1px solid #94a3b8; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #cbd5e1; color: #020617; border-color: #cbd5e1; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #b4bfcd; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #e2e8f0; color: #020617; border-color: #e2e8f0; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #94a3b8; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(148, 163, 184, 0.04); color: #94a3b8; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(148, 163, 184, 0.16); color: #94a3b8; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #94a3b8; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(148, 163, 184, 0.04); border-color: transparent; color: #94a3b8; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(148, 163, 184, 0.16); border-color: transparent; color: #94a3b8; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #082f49; background: #38bdf8; border: 1px solid #38bdf8; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #7dd3fc; color: #082f49; border-color: #7dd3fc; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #74d1fa; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #bae6fd; color: #082f49; border-color: #bae6fd; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #38bdf8; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(56, 189, 248, 0.04); color: #38bdf8; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(56, 189, 248, 0.16); color: #38bdf8; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #38bdf8; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(56, 189, 248, 0.04); border-color: transparent; color: #38bdf8; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(56, 189, 248, 0.16); border-color: transparent; color: #38bdf8; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #052e16; background: #4ade80; border: 1px solid #4ade80; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #86efac; color: #052e16; border-color: #86efac; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #80e8a6; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #bbf7d0; color: #052e16; border-color: #bbf7d0; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #4ade80; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(74, 222, 128, 0.04); color: #4ade80; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(74, 222, 128, 0.16); color: #4ade80; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #4ade80; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(74, 222, 128, 0.04); border-color: transparent; color: #4ade80; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(74, 222, 128, 0.16); border-color: transparent; color: #4ade80; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #431407; background: #fb923c; border: 1px solid #fb923c; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #fdba74; color: #431407; border-color: #fdba74; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #fcb377; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #fed7aa; color: #431407; border-color: #fed7aa; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #fb923c; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 146, 60, 0.04); color: #fb923c; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 146, 60, 0.16); color: #fb923c; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #fb923c; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 146, 60, 0.04); border-color: transparent; color: #fb923c; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 146, 60, 0.16); border-color: transparent; color: #fb923c; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #3b0764; background: #c084fc; border: 1px solid #c084fc; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #d8b4fe; color: #3b0764; border-color: #d8b4fe; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d3a9fd; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #e9d5ff; color: #3b0764; border-color: #e9d5ff; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #c084fc; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(192, 132, 252, 0.04); color: #c084fc; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(192, 132, 252, 0.16); color: #c084fc; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #c084fc; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(192, 132, 252, 0.04); border-color: transparent; color: #c084fc; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(192, 132, 252, 0.16); border-color: transparent; color: #c084fc; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #450a0a; background: #f87171; border: 1px solid #f87171; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #fca5a5; color: #450a0a; border-color: #fca5a5; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #fa9c9c; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #fecaca; color: #450a0a; border-color: #fecaca; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #f87171; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(248, 113, 113, 0.04); color: #f87171; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(248, 113, 113, 0.16); color: #f87171; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #f87171; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(248, 113, 113, 0.04); border-color: transparent; color: #f87171; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(248, 113, 113, 0.16); border-color: transparent; color: #f87171; } + .p-button.p-button-link { color: #818cf8; background: transparent; @@ -2466,6 +2582,7 @@ color: #818cf8; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2477,14 +2594,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2495,45 +2615,52 @@ background: rgba(255, 255, 255, 0.6); color: #111827; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 6px; } @@ -2611,6 +2738,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #94a3b8; @@ -2639,6 +2767,7 @@ border-color: transparent; color: #94a3b8; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #38bdf8; @@ -2667,6 +2796,7 @@ border-color: transparent; color: #38bdf8; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #4ade80; @@ -2695,6 +2825,7 @@ border-color: transparent; color: #4ade80; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fb923c; @@ -2723,6 +2854,7 @@ border-color: transparent; color: #fb923c; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #c084fc; @@ -2751,6 +2883,7 @@ border-color: transparent; color: #c084fc; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f87171; @@ -2779,8 +2912,9 @@ border-color: transparent; color: #f87171; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2791,13 +2925,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); @@ -2823,6 +2957,7 @@ background: rgba(129, 140, 248, 0.16); color: rgba(255, 255, 255, 0.87); } + .p-datatable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -2916,9 +3051,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2928,17 +3063,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); @@ -2968,12 +3103,12 @@ background: #818cf8; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #1f2937; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #1f2937; } .p-datatable .p-datatable-loading-icon { @@ -3076,6 +3211,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3114,10 +3250,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3145,6 +3283,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3164,6 +3303,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } + .p-column-filter-overlay { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -3201,6 +3341,7 @@ border-top: 1px solid #424b57; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; border-bottom: 1px solid #424b57; @@ -3229,6 +3370,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } + .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3314,6 +3456,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3322,6 +3465,7 @@ background: #1f2937; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3360,6 +3504,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } + .p-paginator { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -3369,9 +3514,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3382,9 +3527,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); border-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -3441,6 +3586,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3526,6 +3672,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3534,6 +3681,7 @@ background: #1f2937; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #818cf8; border-radius: 50%; @@ -3545,19 +3693,20 @@ background-color: #424b57; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #424b57; background: #1f2937; @@ -3614,11 +3763,11 @@ color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3691,6 +3840,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } + .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3830,7 +3980,7 @@ background: #818cf8; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #1f2937; } .p-treetable .p-treetable-loading-icon { @@ -3891,6 +4041,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -3915,6 +4066,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 1px solid #424b57; @@ -3963,6 +4115,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } + .p-card { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -3988,6 +4141,7 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } + .p-divider .p-divider-content { background-color: #1f2937; } @@ -4011,6 +4165,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #424b57; background: #1f2937; @@ -4051,6 +4206,7 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } + .p-panel .p-panel-header { border: 1px solid #424b57; padding: 1.25rem; @@ -4117,6 +4273,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #424b57; border: 0 none; @@ -4127,6 +4284,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } + .p-splitter { border: 1px solid #424b57; background: #1f2937; @@ -4148,164 +4306,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #424b57; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 6px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(129, 140, 248, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #818cf8; - } - .p-stepper .p-stepper-panels { - background: #1f2937; - padding: 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #424b57; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #818cf8; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4374,6 +4375,7 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } + .p-toolbar { background: #1f2937; border: 1px solid #424b57; @@ -4384,6 +4386,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4431,6 +4434,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4503,6 +4507,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4544,6 +4549,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #424b57; } + .p-sidebar { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4554,7 +4560,7 @@ padding: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4564,13 +4570,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); @@ -4584,6 +4590,7 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } + .p-tooltip .p-tooltip-text { background: #424b57; color: rgba(255, 255, 255, 0.87); @@ -4603,6 +4610,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #424b57; } + .p-fileupload .p-fileupload-buttonbar { background: #1f2937; padding: 1.25rem; @@ -4642,6 +4650,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #a5b4fc; color: #030712; @@ -4652,6 +4661,7 @@ color: #030712; border-color: #c7d2fe; } + .p-breadcrumb { background: #374151; border: 1px solid #424b57; @@ -4683,6 +4693,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.25rem 0; background: #374151; @@ -4730,7 +4741,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4744,7 +4755,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4755,7 +4766,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4769,6 +4780,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4792,31 +4804,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4875,7 +4888,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4889,7 +4902,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4900,7 +4913,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -4958,9 +4971,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } + .p-menu { padding: 0.25rem 0; background: #374151; @@ -4997,7 +5011,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5011,7 +5025,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5022,7 +5036,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5056,6 +5070,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #374151; @@ -5094,7 +5109,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5125,7 +5140,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5139,7 +5154,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5150,7 +5165,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5167,6 +5182,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5341,7 +5357,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5355,7 +5371,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5366,7 +5382,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5382,6 +5398,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } + .p-slidemenu { padding: 0.25rem 0; background: #374151; @@ -5424,7 +5441,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5438,7 +5455,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5449,7 +5466,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5496,6 +5513,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5540,6 +5558,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #424b57; @@ -5610,6 +5629,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } + .p-tieredmenu { padding: 0.25rem 0; background: #374151; @@ -5660,7 +5680,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5674,7 +5694,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5685,7 +5705,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5699,6 +5719,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5754,6 +5775,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 6px; @@ -5842,6 +5864,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 1; } @@ -5892,7 +5915,7 @@ color: #93c5fd; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #93c5fd; } .p-toast .p-toast-message.p-toast-message-success { @@ -5902,7 +5925,7 @@ color: #6ee7b7; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #6ee7b7; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5912,7 +5935,7 @@ color: #fde047; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #fde047; } .p-toast .p-toast-message.p-toast-message-error { @@ -5922,9 +5945,10 @@ color: #fca5a5; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #fca5a5; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5955,7 +5979,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6012,7 +6036,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6022,7 +6046,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6031,23 +6055,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6071,6 +6101,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #424b57; border-radius: 6px; @@ -6091,9 +6122,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #1f2937; } + .p-badge { background: #818cf8; color: #030712; @@ -6135,6 +6168,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #424b57; color: rgba(255, 255, 255, 0.87); @@ -6170,6 +6204,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6184,15 +6219,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6200,19 +6239,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6272,6 +6316,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6287,6 +6332,7 @@ color: #030712; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6308,6 +6354,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 6px; @@ -6315,6 +6362,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #818cf8; color: #030712; @@ -6347,6 +6395,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -6363,25 +6412,32 @@ .p-button-label { font-weight: 700; } + .p-selectbutton > .p-button, - .p-togglebutton.p-button { +.p-togglebutton.p-button { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #818cf8; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #818cf8; } + .p-button:focus { box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(129, 140, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } @@ -6403,37 +6459,46 @@ .p-button.p-button-danger:enabled:focus { box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(248, 113, 113, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #818cf8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #818cf8; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #818cf8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #818cf8; } + .p-speeddial-item.p-focus > .p-speeddial-action { box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(129, 140, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } + .p-toast-message { backdrop-filter: blur(10px); } + .p-message .p-message-close:hover { background: rgba(255, 255, 255, 0.1); } + .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.1); } + .p-inline-message-text { font-weight: 500; } + .p-picklist-buttons .p-button, - .p-orderlist-controls .p-button { +.p-orderlist-controls .p-button { transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-steps .p-steps-item.p-highlight .p-steps-number { background: #818cf8; color: #030712; diff --git a/src/assets/components/themes/lara-dark-purple/theme.css b/src/assets/components/themes/lara-dark-purple/theme.css index e99fe5ecdd3..9c4b46c2048 100644 --- a/src/assets/components/themes/lara-dark-purple/theme.css +++ b/src/assets/components/themes/lara-dark-purple/theme.css @@ -293,32 +293,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.4; } + .p-error { color: #fca5a5; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -330,12 +338,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -352,6 +363,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -398,6 +410,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #fca5a5; } + .p-autocomplete-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -444,9 +457,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #fca5a5; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -454,19 +469,23 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.75rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #fca5a5; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); border-color: #a78bfa; } + .p-datepicker { padding: 0.5rem; background: #1f2937; @@ -493,7 +512,7 @@ border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -503,13 +522,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); @@ -518,14 +537,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 700; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #a78bfa; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -674,6 +693,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -681,10 +701,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.75rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -727,6 +749,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #fca5a5; } + .p-cascadeselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -766,6 +789,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #424b57; } @@ -775,9 +799,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #424b57; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #fca5a5; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -785,6 +811,7 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -793,6 +820,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 22px; height: 22px; @@ -833,9 +861,11 @@ background: #ddd6fe; color: #030712; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #fca5a5; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #424b57; } @@ -848,12 +878,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #ddd6fe; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #fca5a5; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #a78bfa; } @@ -892,9 +925,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #fca5a5; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -902,22 +937,26 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #1f2937; border: 1px solid #424b57; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: rgba(255, 255, 255, 0.87); } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #111827; border: 1px solid #424b57; @@ -961,6 +1000,7 @@ .p-dropdown.p-invalid.p-component { border-color: #fca5a5; } + .p-dropdown-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1024,6 +1064,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #424b57; } @@ -1036,14 +1077,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #fca5a5; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -1056,68 +1100,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #424b57; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #fca5a5; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1125,9 +1179,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #fca5a5; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1135,21 +1191,25 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.75rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1188,9 +1248,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #c4b5fd; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #fca5a5; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1223,54 +1285,69 @@ font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #fca5a5; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { background-color: #424b57; } @@ -1280,14 +1357,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #424b57; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-listbox { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1362,9 +1442,11 @@ box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); border-color: #a78bfa; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #fca5a5; } + .p-multiselect { background: #111827; border: 1px solid #424b57; @@ -1404,9 +1486,11 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1414,6 +1498,7 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-multiselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1502,6 +1587,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #424b57; } @@ -1511,12 +1597,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #424b57; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #fca5a5; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #fca5a5; } + .p-password-panel { padding: 1.25rem; background: #1f2937; @@ -1538,6 +1627,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #93deac; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1545,6 +1635,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1552,6 +1643,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } + .p-radiobutton { width: 22px; height: 22px; @@ -1589,9 +1681,11 @@ background: #ddd6fe; color: #030712; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #fca5a5; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #424b57; } @@ -1604,9 +1698,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #ddd6fe; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1637,6 +1733,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f48fb1; } + .p-selectbutton .p-button { background: #1f2937; border: 1px solid #424b57; @@ -1644,7 +1741,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1653,7 +1750,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1662,7 +1759,7 @@ color: #030712; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #030712; } .p-selectbutton .p-button.p-highlight:hover { @@ -1671,12 +1768,14 @@ color: #030712; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #030712; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #fca5a5; } + .p-slider { background: #424b57; border: 0 none; @@ -1728,6 +1827,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #1f2937; border: 1px solid #424b57; @@ -1735,7 +1835,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1744,7 +1844,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1753,7 +1853,7 @@ color: #030712; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #030712; } .p-togglebutton.p-button.p-highlight:hover { @@ -1762,12 +1862,14 @@ color: #030712; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #030712; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #fca5a5; } + .p-treeselect { background: #111827; border: 1px solid #424b57; @@ -1804,12 +1906,15 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #fca5a5; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } + .p-treeselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1869,6 +1974,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #424b57; } @@ -1878,6 +1984,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #424b57; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1885,6 +1992,7 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-button { color: #030712; background: #a78bfa; @@ -1996,7 +2104,7 @@ padding: 0.75rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2023,6 +2131,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2035,414 +2144,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #020617; background: #94a3b8; border: 1px solid #94a3b8; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #cbd5e1; color: #020617; border-color: #cbd5e1; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #b4bfcd; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #e2e8f0; color: #020617; border-color: #e2e8f0; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #94a3b8; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(148, 163, 184, 0.04); color: #94a3b8; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(148, 163, 184, 0.16); color: #94a3b8; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #94a3b8; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(148, 163, 184, 0.04); border-color: transparent; color: #94a3b8; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(148, 163, 184, 0.16); border-color: transparent; color: #94a3b8; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #082f49; background: #38bdf8; border: 1px solid #38bdf8; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #7dd3fc; color: #082f49; border-color: #7dd3fc; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #74d1fa; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #bae6fd; color: #082f49; border-color: #bae6fd; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #38bdf8; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(56, 189, 248, 0.04); color: #38bdf8; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(56, 189, 248, 0.16); color: #38bdf8; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #38bdf8; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(56, 189, 248, 0.04); border-color: transparent; color: #38bdf8; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(56, 189, 248, 0.16); border-color: transparent; color: #38bdf8; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #052e16; background: #4ade80; border: 1px solid #4ade80; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #86efac; color: #052e16; border-color: #86efac; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #80e8a6; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #bbf7d0; color: #052e16; border-color: #bbf7d0; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #4ade80; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(74, 222, 128, 0.04); color: #4ade80; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(74, 222, 128, 0.16); color: #4ade80; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #4ade80; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(74, 222, 128, 0.04); border-color: transparent; color: #4ade80; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(74, 222, 128, 0.16); border-color: transparent; color: #4ade80; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #431407; background: #fb923c; border: 1px solid #fb923c; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #fdba74; color: #431407; border-color: #fdba74; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #fcb377; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #fed7aa; color: #431407; border-color: #fed7aa; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #fb923c; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 146, 60, 0.04); color: #fb923c; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 146, 60, 0.16); color: #fb923c; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #fb923c; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 146, 60, 0.04); border-color: transparent; color: #fb923c; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 146, 60, 0.16); border-color: transparent; color: #fb923c; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #3b0764; background: #c084fc; border: 1px solid #c084fc; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #d8b4fe; color: #3b0764; border-color: #d8b4fe; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d3a9fd; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #e9d5ff; color: #3b0764; border-color: #e9d5ff; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #c084fc; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(192, 132, 252, 0.04); color: #c084fc; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(192, 132, 252, 0.16); color: #c084fc; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #c084fc; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(192, 132, 252, 0.04); border-color: transparent; color: #c084fc; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(192, 132, 252, 0.16); border-color: transparent; color: #c084fc; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #450a0a; background: #f87171; border: 1px solid #f87171; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #fca5a5; color: #450a0a; border-color: #fca5a5; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #fa9c9c; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #fecaca; color: #450a0a; border-color: #fecaca; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #f87171; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(248, 113, 113, 0.04); color: #f87171; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(248, 113, 113, 0.16); color: #f87171; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #f87171; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(248, 113, 113, 0.04); border-color: transparent; color: #f87171; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(248, 113, 113, 0.16); border-color: transparent; color: #f87171; } + .p-button.p-button-link { color: #a78bfa; background: transparent; @@ -2466,6 +2582,7 @@ color: #a78bfa; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2477,14 +2594,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2495,45 +2615,52 @@ background: rgba(255, 255, 255, 0.6); color: #111827; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 6px; } @@ -2611,6 +2738,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #94a3b8; @@ -2639,6 +2767,7 @@ border-color: transparent; color: #94a3b8; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #38bdf8; @@ -2667,6 +2796,7 @@ border-color: transparent; color: #38bdf8; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #4ade80; @@ -2695,6 +2825,7 @@ border-color: transparent; color: #4ade80; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fb923c; @@ -2723,6 +2854,7 @@ border-color: transparent; color: #fb923c; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #c084fc; @@ -2751,6 +2883,7 @@ border-color: transparent; color: #c084fc; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f87171; @@ -2779,8 +2912,9 @@ border-color: transparent; color: #f87171; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2791,13 +2925,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); @@ -2823,6 +2957,7 @@ background: rgba(167, 139, 250, 0.16); color: rgba(255, 255, 255, 0.87); } + .p-datatable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -2916,9 +3051,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2928,17 +3063,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); @@ -2968,12 +3103,12 @@ background: #a78bfa; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #1f2937; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #1f2937; } .p-datatable .p-datatable-loading-icon { @@ -3076,6 +3211,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3114,10 +3250,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3145,6 +3283,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3164,6 +3303,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } + .p-column-filter-overlay { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -3201,6 +3341,7 @@ border-top: 1px solid #424b57; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; border-bottom: 1px solid #424b57; @@ -3229,6 +3370,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } + .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3314,6 +3456,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3322,6 +3465,7 @@ background: #1f2937; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3360,6 +3504,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } + .p-paginator { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -3369,9 +3514,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3382,9 +3527,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); border-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -3441,6 +3586,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3526,6 +3672,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3534,6 +3681,7 @@ background: #1f2937; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #a78bfa; border-radius: 50%; @@ -3545,19 +3693,20 @@ background-color: #424b57; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #424b57; background: #1f2937; @@ -3614,11 +3763,11 @@ color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3691,6 +3840,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } + .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3830,7 +3980,7 @@ background: #a78bfa; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #1f2937; } .p-treetable .p-treetable-loading-icon { @@ -3891,6 +4041,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -3915,6 +4066,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 1px solid #424b57; @@ -3963,6 +4115,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } + .p-card { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -3988,6 +4141,7 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } + .p-divider .p-divider-content { background-color: #1f2937; } @@ -4011,6 +4165,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #424b57; background: #1f2937; @@ -4051,6 +4206,7 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } + .p-panel .p-panel-header { border: 1px solid #424b57; padding: 1.25rem; @@ -4117,6 +4273,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #424b57; border: 0 none; @@ -4127,6 +4284,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } + .p-splitter { border: 1px solid #424b57; background: #1f2937; @@ -4148,164 +4306,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #424b57; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 6px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(167, 139, 250, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #a78bfa; - } - .p-stepper .p-stepper-panels { - background: #1f2937; - padding: 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #424b57; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #a78bfa; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4374,6 +4375,7 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } + .p-toolbar { background: #1f2937; border: 1px solid #424b57; @@ -4384,6 +4386,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4431,6 +4434,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4503,6 +4507,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4544,6 +4549,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #424b57; } + .p-sidebar { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4554,7 +4560,7 @@ padding: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4564,13 +4570,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); @@ -4584,6 +4590,7 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } + .p-tooltip .p-tooltip-text { background: #424b57; color: rgba(255, 255, 255, 0.87); @@ -4603,6 +4610,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #424b57; } + .p-fileupload .p-fileupload-buttonbar { background: #1f2937; padding: 1.25rem; @@ -4642,6 +4650,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #c4b5fd; color: #030712; @@ -4652,6 +4661,7 @@ color: #030712; border-color: #ddd6fe; } + .p-breadcrumb { background: #374151; border: 1px solid #424b57; @@ -4683,6 +4693,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.25rem 0; background: #374151; @@ -4730,7 +4741,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4744,7 +4755,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4755,7 +4766,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4769,6 +4780,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4792,31 +4804,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4875,7 +4888,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4889,7 +4902,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4900,7 +4913,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -4958,9 +4971,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } + .p-menu { padding: 0.25rem 0; background: #374151; @@ -4997,7 +5011,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5011,7 +5025,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5022,7 +5036,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5056,6 +5070,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #374151; @@ -5094,7 +5109,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5125,7 +5140,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5139,7 +5154,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5150,7 +5165,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5167,6 +5182,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5341,7 +5357,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5355,7 +5371,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5366,7 +5382,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5382,6 +5398,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } + .p-slidemenu { padding: 0.25rem 0; background: #374151; @@ -5424,7 +5441,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5438,7 +5455,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5449,7 +5466,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5496,6 +5513,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5540,6 +5558,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #424b57; @@ -5610,6 +5629,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } + .p-tieredmenu { padding: 0.25rem 0; background: #374151; @@ -5660,7 +5680,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5674,7 +5694,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5685,7 +5705,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5699,6 +5719,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5754,6 +5775,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 6px; @@ -5842,6 +5864,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 1; } @@ -5892,7 +5915,7 @@ color: #93c5fd; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #93c5fd; } .p-toast .p-toast-message.p-toast-message-success { @@ -5902,7 +5925,7 @@ color: #6ee7b7; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #6ee7b7; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5912,7 +5935,7 @@ color: #fde047; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #fde047; } .p-toast .p-toast-message.p-toast-message-error { @@ -5922,9 +5945,10 @@ color: #fca5a5; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #fca5a5; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5955,7 +5979,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6012,7 +6036,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6022,7 +6046,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6031,23 +6055,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6071,6 +6101,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #424b57; border-radius: 6px; @@ -6091,9 +6122,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #1f2937; } + .p-badge { background: #a78bfa; color: #030712; @@ -6135,6 +6168,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #424b57; color: rgba(255, 255, 255, 0.87); @@ -6170,6 +6204,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6184,15 +6219,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6200,19 +6239,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6272,6 +6316,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6287,6 +6332,7 @@ color: #030712; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6308,6 +6354,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 6px; @@ -6315,6 +6362,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #a78bfa; color: #030712; @@ -6347,6 +6395,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -6363,25 +6412,32 @@ .p-button-label { font-weight: 700; } + .p-selectbutton > .p-button, - .p-togglebutton.p-button { +.p-togglebutton.p-button { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #a78bfa; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #a78bfa; } + .p-button:focus { box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(167, 139, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } @@ -6403,37 +6459,46 @@ .p-button.p-button-danger:enabled:focus { box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(248, 113, 113, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #a78bfa; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #a78bfa; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #a78bfa; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #a78bfa; } + .p-speeddial-item.p-focus > .p-speeddial-action { box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(167, 139, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } + .p-toast-message { backdrop-filter: blur(10px); } + .p-message .p-message-close:hover { background: rgba(255, 255, 255, 0.1); } + .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.1); } + .p-inline-message-text { font-weight: 500; } + .p-picklist-buttons .p-button, - .p-orderlist-controls .p-button { +.p-orderlist-controls .p-button { transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-steps .p-steps-item.p-highlight .p-steps-number { background: #a78bfa; color: #030712; diff --git a/src/assets/components/themes/lara-dark-teal/theme.css b/src/assets/components/themes/lara-dark-teal/theme.css index 5d205c5d3f9..467232c8cf7 100644 --- a/src/assets/components/themes/lara-dark-teal/theme.css +++ b/src/assets/components/themes/lara-dark-teal/theme.css @@ -293,32 +293,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.4; } + .p-error { color: #fca5a5; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -330,12 +338,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -352,6 +363,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -398,6 +410,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #fca5a5; } + .p-autocomplete-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -444,9 +457,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #fca5a5; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -454,19 +469,23 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.75rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #fca5a5; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); border-color: #2dd4bf; } + .p-datepicker { padding: 0.5rem; background: #1f2937; @@ -493,7 +512,7 @@ border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -503,13 +522,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); @@ -518,14 +537,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 700; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #2dd4bf; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -674,6 +693,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -681,10 +701,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.75rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -727,6 +749,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #fca5a5; } + .p-cascadeselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -766,6 +789,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #424b57; } @@ -775,9 +799,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #424b57; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #fca5a5; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -785,6 +811,7 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -793,6 +820,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 22px; height: 22px; @@ -833,9 +861,11 @@ background: #99f6e4; color: #030712; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #fca5a5; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #424b57; } @@ -848,12 +878,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #99f6e4; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #fca5a5; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #2dd4bf; } @@ -892,9 +925,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #fca5a5; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -902,22 +937,26 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #1f2937; border: 1px solid #424b57; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: rgba(255, 255, 255, 0.87); } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #111827; border: 1px solid #424b57; @@ -961,6 +1000,7 @@ .p-dropdown.p-invalid.p-component { border-color: #fca5a5; } + .p-dropdown-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1024,6 +1064,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #424b57; } @@ -1036,14 +1077,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #fca5a5; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -1056,68 +1100,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #424b57; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #fca5a5; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1125,9 +1179,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #fca5a5; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1135,21 +1191,25 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.75rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1188,9 +1248,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #5eead4; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #fca5a5; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1223,54 +1285,69 @@ font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #fca5a5; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { background-color: #424b57; } @@ -1280,14 +1357,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #424b57; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-listbox { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1362,9 +1442,11 @@ box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); border-color: #2dd4bf; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #fca5a5; } + .p-multiselect { background: #111827; border: 1px solid #424b57; @@ -1404,9 +1486,11 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1414,6 +1498,7 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-multiselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1502,6 +1587,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #424b57; } @@ -1511,12 +1597,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #424b57; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #fca5a5; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #fca5a5; } + .p-password-panel { padding: 1.25rem; background: #1f2937; @@ -1538,6 +1627,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #93deac; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1545,6 +1635,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1552,6 +1643,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } + .p-radiobutton { width: 22px; height: 22px; @@ -1589,9 +1681,11 @@ background: #99f6e4; color: #030712; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #fca5a5; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #424b57; } @@ -1604,9 +1698,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #99f6e4; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1637,6 +1733,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f48fb1; } + .p-selectbutton .p-button { background: #1f2937; border: 1px solid #424b57; @@ -1644,7 +1741,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1653,7 +1750,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1662,7 +1759,7 @@ color: #030712; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #030712; } .p-selectbutton .p-button.p-highlight:hover { @@ -1671,12 +1768,14 @@ color: #030712; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #030712; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #fca5a5; } + .p-slider { background: #424b57; border: 0 none; @@ -1728,6 +1827,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #1f2937; border: 1px solid #424b57; @@ -1735,7 +1835,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1744,7 +1844,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1753,7 +1853,7 @@ color: #030712; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #030712; } .p-togglebutton.p-button.p-highlight:hover { @@ -1762,12 +1862,14 @@ color: #030712; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #030712; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #fca5a5; } + .p-treeselect { background: #111827; border: 1px solid #424b57; @@ -1804,12 +1906,15 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #fca5a5; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } + .p-treeselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1869,6 +1974,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #424b57; } @@ -1878,6 +1984,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #424b57; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1885,6 +1992,7 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-button { color: #030712; background: #2dd4bf; @@ -1996,7 +2104,7 @@ padding: 0.75rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2023,6 +2131,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2035,414 +2144,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #020617; background: #94a3b8; border: 1px solid #94a3b8; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #cbd5e1; color: #020617; border-color: #cbd5e1; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #b4bfcd; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #e2e8f0; color: #020617; border-color: #e2e8f0; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #94a3b8; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(148, 163, 184, 0.04); color: #94a3b8; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(148, 163, 184, 0.16); color: #94a3b8; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #94a3b8; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(148, 163, 184, 0.04); border-color: transparent; color: #94a3b8; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(148, 163, 184, 0.16); border-color: transparent; color: #94a3b8; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #082f49; background: #38bdf8; border: 1px solid #38bdf8; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #7dd3fc; color: #082f49; border-color: #7dd3fc; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #74d1fa; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #bae6fd; color: #082f49; border-color: #bae6fd; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #38bdf8; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(56, 189, 248, 0.04); color: #38bdf8; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(56, 189, 248, 0.16); color: #38bdf8; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #38bdf8; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(56, 189, 248, 0.04); border-color: transparent; color: #38bdf8; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(56, 189, 248, 0.16); border-color: transparent; color: #38bdf8; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #052e16; background: #4ade80; border: 1px solid #4ade80; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #86efac; color: #052e16; border-color: #86efac; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #80e8a6; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #bbf7d0; color: #052e16; border-color: #bbf7d0; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #4ade80; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(74, 222, 128, 0.04); color: #4ade80; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(74, 222, 128, 0.16); color: #4ade80; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #4ade80; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(74, 222, 128, 0.04); border-color: transparent; color: #4ade80; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(74, 222, 128, 0.16); border-color: transparent; color: #4ade80; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #431407; background: #fb923c; border: 1px solid #fb923c; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #fdba74; color: #431407; border-color: #fdba74; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #fcb377; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #fed7aa; color: #431407; border-color: #fed7aa; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #fb923c; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 146, 60, 0.04); color: #fb923c; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 146, 60, 0.16); color: #fb923c; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #fb923c; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 146, 60, 0.04); border-color: transparent; color: #fb923c; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 146, 60, 0.16); border-color: transparent; color: #fb923c; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #3b0764; background: #c084fc; border: 1px solid #c084fc; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #d8b4fe; color: #3b0764; border-color: #d8b4fe; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d3a9fd; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #e9d5ff; color: #3b0764; border-color: #e9d5ff; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #c084fc; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(192, 132, 252, 0.04); color: #c084fc; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(192, 132, 252, 0.16); color: #c084fc; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #c084fc; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(192, 132, 252, 0.04); border-color: transparent; color: #c084fc; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(192, 132, 252, 0.16); border-color: transparent; color: #c084fc; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #450a0a; background: #f87171; border: 1px solid #f87171; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #fca5a5; color: #450a0a; border-color: #fca5a5; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #fa9c9c; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #fecaca; color: #450a0a; border-color: #fecaca; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #f87171; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(248, 113, 113, 0.04); color: #f87171; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(248, 113, 113, 0.16); color: #f87171; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #f87171; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(248, 113, 113, 0.04); border-color: transparent; color: #f87171; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(248, 113, 113, 0.16); border-color: transparent; color: #f87171; } + .p-button.p-button-link { color: #2dd4bf; background: transparent; @@ -2466,6 +2582,7 @@ color: #2dd4bf; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2477,14 +2594,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2495,45 +2615,52 @@ background: rgba(255, 255, 255, 0.6); color: #111827; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 6px; } @@ -2611,6 +2738,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #94a3b8; @@ -2639,6 +2767,7 @@ border-color: transparent; color: #94a3b8; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #38bdf8; @@ -2667,6 +2796,7 @@ border-color: transparent; color: #38bdf8; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #4ade80; @@ -2695,6 +2825,7 @@ border-color: transparent; color: #4ade80; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fb923c; @@ -2723,6 +2854,7 @@ border-color: transparent; color: #fb923c; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #c084fc; @@ -2751,6 +2883,7 @@ border-color: transparent; color: #c084fc; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f87171; @@ -2779,8 +2912,9 @@ border-color: transparent; color: #f87171; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2791,13 +2925,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); @@ -2823,6 +2957,7 @@ background: rgba(45, 212, 191, 0.16); color: rgba(255, 255, 255, 0.87); } + .p-datatable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -2916,9 +3051,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2928,17 +3063,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); @@ -2968,12 +3103,12 @@ background: #2dd4bf; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #1f2937; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #1f2937; } .p-datatable .p-datatable-loading-icon { @@ -3076,6 +3211,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3114,10 +3250,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3145,6 +3283,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3164,6 +3303,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } + .p-column-filter-overlay { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -3201,6 +3341,7 @@ border-top: 1px solid #424b57; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; border-bottom: 1px solid #424b57; @@ -3229,6 +3370,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } + .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3314,6 +3456,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3322,6 +3465,7 @@ background: #1f2937; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3360,6 +3504,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } + .p-paginator { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -3369,9 +3514,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3382,9 +3527,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); border-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -3441,6 +3586,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3526,6 +3672,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3534,6 +3681,7 @@ background: #1f2937; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #2dd4bf; border-radius: 50%; @@ -3545,19 +3693,20 @@ background-color: #424b57; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #424b57; background: #1f2937; @@ -3614,11 +3763,11 @@ color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3691,6 +3840,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } + .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3830,7 +3980,7 @@ background: #2dd4bf; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #1f2937; } .p-treetable .p-treetable-loading-icon { @@ -3891,6 +4041,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -3915,6 +4066,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 1px solid #424b57; @@ -3963,6 +4115,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } + .p-card { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -3988,6 +4141,7 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } + .p-divider .p-divider-content { background-color: #1f2937; } @@ -4011,6 +4165,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #424b57; background: #1f2937; @@ -4051,6 +4206,7 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } + .p-panel .p-panel-header { border: 1px solid #424b57; padding: 1.25rem; @@ -4117,6 +4273,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #424b57; border: 0 none; @@ -4127,6 +4284,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } + .p-splitter { border: 1px solid #424b57; background: #1f2937; @@ -4148,164 +4306,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #424b57; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 6px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(45, 212, 191, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #2dd4bf; - } - .p-stepper .p-stepper-panels { - background: #1f2937; - padding: 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #424b57; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #2dd4bf; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4374,6 +4375,7 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } + .p-toolbar { background: #1f2937; border: 1px solid #424b57; @@ -4384,6 +4386,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4431,6 +4434,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4503,6 +4507,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4544,6 +4549,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #424b57; } + .p-sidebar { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4554,7 +4560,7 @@ padding: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4564,13 +4570,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); @@ -4584,6 +4590,7 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } + .p-tooltip .p-tooltip-text { background: #424b57; color: rgba(255, 255, 255, 0.87); @@ -4603,6 +4610,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #424b57; } + .p-fileupload .p-fileupload-buttonbar { background: #1f2937; padding: 1.25rem; @@ -4642,6 +4650,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #5eead4; color: #030712; @@ -4652,6 +4661,7 @@ color: #030712; border-color: #99f6e4; } + .p-breadcrumb { background: #374151; border: 1px solid #424b57; @@ -4683,6 +4693,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.25rem 0; background: #374151; @@ -4730,7 +4741,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4744,7 +4755,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4755,7 +4766,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4769,6 +4780,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4792,31 +4804,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4875,7 +4888,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4889,7 +4902,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4900,7 +4913,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -4958,9 +4971,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } + .p-menu { padding: 0.25rem 0; background: #374151; @@ -4997,7 +5011,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5011,7 +5025,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5022,7 +5036,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5056,6 +5070,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #374151; @@ -5094,7 +5109,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5125,7 +5140,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5139,7 +5154,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5150,7 +5165,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5167,6 +5182,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5341,7 +5357,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5355,7 +5371,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5366,7 +5382,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5382,6 +5398,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } + .p-slidemenu { padding: 0.25rem 0; background: #374151; @@ -5424,7 +5441,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5438,7 +5455,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5449,7 +5466,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5496,6 +5513,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5540,6 +5558,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #424b57; @@ -5610,6 +5629,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } + .p-tieredmenu { padding: 0.25rem 0; background: #374151; @@ -5660,7 +5680,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5674,7 +5694,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5685,7 +5705,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5699,6 +5719,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5754,6 +5775,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 6px; @@ -5842,6 +5864,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 1; } @@ -5892,7 +5915,7 @@ color: #93c5fd; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #93c5fd; } .p-toast .p-toast-message.p-toast-message-success { @@ -5902,7 +5925,7 @@ color: #6ee7b7; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #6ee7b7; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5912,7 +5935,7 @@ color: #fde047; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #fde047; } .p-toast .p-toast-message.p-toast-message-error { @@ -5922,9 +5945,10 @@ color: #fca5a5; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #fca5a5; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5955,7 +5979,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6012,7 +6036,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6022,7 +6046,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6031,23 +6055,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6071,6 +6101,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #424b57; border-radius: 6px; @@ -6091,9 +6122,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #1f2937; } + .p-badge { background: #2dd4bf; color: #030712; @@ -6135,6 +6168,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #424b57; color: rgba(255, 255, 255, 0.87); @@ -6170,6 +6204,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6184,15 +6219,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6200,19 +6239,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6272,6 +6316,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6287,6 +6332,7 @@ color: #030712; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6308,6 +6354,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 6px; @@ -6315,6 +6362,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #2dd4bf; color: #030712; @@ -6347,6 +6395,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -6363,25 +6412,32 @@ .p-button-label { font-weight: 700; } + .p-selectbutton > .p-button, - .p-togglebutton.p-button { +.p-togglebutton.p-button { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #2dd4bf; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #2dd4bf; } + .p-button:focus { box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(45, 212, 191, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } @@ -6403,37 +6459,46 @@ .p-button.p-button-danger:enabled:focus { box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(248, 113, 113, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #2dd4bf; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #2dd4bf; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #2dd4bf; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #2dd4bf; } + .p-speeddial-item.p-focus > .p-speeddial-action { box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(45, 212, 191, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } + .p-toast-message { backdrop-filter: blur(10px); } + .p-message .p-message-close:hover { background: rgba(255, 255, 255, 0.1); } + .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.1); } + .p-inline-message-text { font-weight: 500; } + .p-picklist-buttons .p-button, - .p-orderlist-controls .p-button { +.p-orderlist-controls .p-button { transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-steps .p-steps-item.p-highlight .p-steps-number { background: #2dd4bf; color: #030712; diff --git a/src/assets/components/themes/lara-light-blue/theme.css b/src/assets/components/themes/lara-light-blue/theme.css index 1b2152b7a25..6d3cbbeddc5 100644 --- a/src/assets/components/themes/lara-light-blue/theme.css +++ b/src/assets/components/themes/lara-light-blue/theme.css @@ -293,32 +293,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.6; } + .p-error { color: #e24c4c; } + .p-text-secondary { color: #6b7280; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -330,12 +338,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -352,6 +363,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -398,6 +410,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } + .p-autocomplete-panel { background: #ffffff; color: #4b5563; @@ -444,9 +457,11 @@ color: #4b5563; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e24c4c; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -454,19 +469,23 @@ color: #6b7280; right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #6b7280; right: 3.75rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #e24c4c; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -493,7 +512,7 @@ border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6b7280; @@ -503,13 +522,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -518,14 +537,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #4b5563; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #3B82F6; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -674,6 +693,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -681,10 +701,12 @@ color: #6b7280; right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #6b7280; right: 3.75rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -727,6 +749,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e24c4c; } + .p-cascadeselect-panel { background: #ffffff; color: #4b5563; @@ -766,6 +789,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f3f4f6; } @@ -775,9 +799,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #e24c4c; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -785,6 +811,7 @@ color: #6b7280; right: 3rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -793,6 +820,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 22px; height: 22px; @@ -833,9 +861,11 @@ background: #1D4ED8; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e24c4c; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f3f4f6; } @@ -848,12 +878,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #1D4ED8; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e24c4c; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #3B82F6; } @@ -892,9 +925,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #e24c4c; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -902,22 +937,26 @@ color: #6b7280; right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } + .p-dropdown { background: #ffffff; border: 1px solid #d1d5db; @@ -961,6 +1000,7 @@ .p-dropdown.p-invalid.p-component { border-color: #e24c4c; } + .p-dropdown-panel { background: #ffffff; color: #4b5563; @@ -1024,6 +1064,7 @@ color: #4b5563; background: transparent; } + .p-input-filled .p-dropdown { background: #f3f4f6; } @@ -1036,14 +1077,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #e24c4c; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #f3f4f6; color: #6b7280; @@ -1056,68 +1100,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #d1d5db; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: #6b7280; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: #6b7280; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e24c4c; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1125,9 +1179,11 @@ color: #6b7280; right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #e24c4c; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1135,21 +1191,25 @@ color: #6b7280; right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.75rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1188,9 +1248,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #2563eb; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e24c4c; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1223,54 +1285,69 @@ font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: #6b7280; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #e24c4c; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: #6b7280; } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: #6b7280; } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: #6b7280; } + :-moz-placeholder { color: #6b7280; } + ::-moz-placeholder { color: #6b7280; } + :-ms-input-placeholder { color: #6b7280; } + .p-input-filled .p-inputtext { background-color: #f3f4f6; } @@ -1280,14 +1357,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-listbox { background: #ffffff; color: #4b5563; @@ -1362,9 +1442,11 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e24c4c; } + .p-multiselect { background: #ffffff; border: 1px solid #d1d5db; @@ -1404,9 +1486,11 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1414,6 +1498,7 @@ color: #6b7280; right: 3rem; } + .p-multiselect-panel { background: #ffffff; color: #4b5563; @@ -1502,6 +1587,7 @@ color: #4b5563; background: transparent; } + .p-input-filled .p-multiselect { background: #f3f4f6; } @@ -1511,12 +1597,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #e24c4c; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #e24c4c; } + .p-password-panel { padding: 1.25rem; background: #ffffff; @@ -1538,6 +1627,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #29c76f; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1545,6 +1635,7 @@ color: #6b7280; right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1552,6 +1643,7 @@ color: #6b7280; right: 2.5rem; } + .p-radiobutton { width: 22px; height: 22px; @@ -1589,9 +1681,11 @@ background: #1D4ED8; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #e24c4c; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f3f4f6; } @@ -1604,9 +1698,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #1D4ED8; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1637,6 +1733,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #e73d3e; } + .p-selectbutton .p-button { background: #ffffff; border: 1px solid #d1d5db; @@ -1644,7 +1741,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #6b7280; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1653,7 +1750,7 @@ color: #4b5563; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #374151; } .p-selectbutton .p-button.p-highlight { @@ -1662,7 +1759,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1671,12 +1768,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #e24c4c; } + .p-slider { background: #e5e7eb; border: 0 none; @@ -1728,6 +1827,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #ffffff; border: 1px solid #d1d5db; @@ -1735,7 +1835,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #6b7280; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1744,7 +1844,7 @@ color: #4b5563; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #374151; } .p-togglebutton.p-button.p-highlight { @@ -1753,7 +1853,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1762,12 +1862,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #e24c4c; } + .p-treeselect { background: #ffffff; border: 1px solid #d1d5db; @@ -1804,12 +1906,15 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #e24c4c; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } + .p-treeselect-panel { background: #ffffff; color: #4b5563; @@ -1869,6 +1974,7 @@ color: #4b5563; background: transparent; } + .p-input-filled .p-treeselect { background: #f3f4f6; } @@ -1878,6 +1984,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1885,6 +1992,7 @@ color: #6b7280; right: 3rem; } + .p-button { color: #ffffff; background: #3B82F6; @@ -1996,7 +2104,7 @@ padding: 0.75rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2023,6 +2131,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2035,414 +2144,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #64748b; border: 1px solid #64748b; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #475569; color: #ffffff; border-color: #475569; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #e2e8f0; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #334155; color: #ffffff; border-color: #334155; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #64748b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); color: #64748b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); color: #64748b; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #64748b; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; color: #64748b; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; color: #64748b; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0ea5e9; border: 1px solid #0ea5e9; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #0284c7; color: #ffffff; border-color: #0284c7; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #0369a1; color: #ffffff; border-color: #0369a1; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(14, 165, 233, 0.04); color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(14, 165, 233, 0.16); color: #0ea5e9; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #0ea5e9; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(14, 165, 233, 0.04); border-color: transparent; color: #0ea5e9; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(14, 165, 233, 0.16); border-color: transparent; color: #0ea5e9; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #22c55e; border: 1px solid #22c55e; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #16a34a; color: #ffffff; border-color: #16a34a; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #bbf7d0; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #15803d; color: #ffffff; border-color: #15803d; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); color: #22c55e; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #22c55e; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; color: #22c55e; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; color: #22c55e; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #ffffff; background: #f97316; border: 1px solid #f97316; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ea580c; color: #ffffff; border-color: #ea580c; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fde68a; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #c2410c; color: #ffffff; border-color: #c2410c; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(249, 115, 22, 0.04); color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(249, 115, 22, 0.16); color: #f97316; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #f97316; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(249, 115, 22, 0.04); border-color: transparent; color: #f97316; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(249, 115, 22, 0.16); border-color: transparent; color: #f97316; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #a855f7; border: 1px solid #a855f7; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #9333ea; color: #ffffff; border-color: #9333ea; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #e9d5ff; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7e22ce; color: #ffffff; border-color: #7e22ce; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); color: #a855f7; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #a855f7; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; color: #a855f7; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; color: #a855f7; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #ef4444; border: 1px solid #ef4444; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #dc2626; color: #ffffff; border-color: #dc2626; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fecaca; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #b91c1c; color: #ffffff; border-color: #b91c1c; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); color: #ef4444; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #ef4444; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; color: #ef4444; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; color: #ef4444; } + .p-button.p-button-link { color: #1D4ED8; background: transparent; @@ -2466,6 +2582,7 @@ color: #1D4ED8; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2477,14 +2594,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2495,45 +2615,52 @@ background: #022354; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 6px; } @@ -2611,6 +2738,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #64748b; @@ -2639,6 +2767,7 @@ border-color: transparent; color: #64748b; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0ea5e9; @@ -2667,6 +2796,7 @@ border-color: transparent; color: #0ea5e9; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #22c55e; @@ -2695,6 +2825,7 @@ border-color: transparent; color: #22c55e; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #f97316; @@ -2723,6 +2854,7 @@ border-color: transparent; color: #f97316; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #a855f7; @@ -2751,6 +2883,7 @@ border-color: transparent; color: #a855f7; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef4444; @@ -2779,8 +2912,9 @@ border-color: transparent; color: #ef4444; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6b7280; @@ -2791,13 +2925,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -2823,6 +2957,7 @@ background: #EFF6FF; color: #1D4ED8; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2916,9 +3051,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6b7280; @@ -2928,17 +3063,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -2968,12 +3103,12 @@ background: #3B82F6; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #f9fafb; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f9fafb; } .p-datatable .p-datatable-loading-icon { @@ -3076,6 +3211,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3114,10 +3250,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3145,6 +3283,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3164,6 +3303,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } + .p-column-filter-overlay { background: #ffffff; color: #4b5563; @@ -3201,6 +3341,7 @@ border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e5e7eb; @@ -3229,6 +3370,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } + .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3314,6 +3456,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #f3f4f6; } + .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -3322,6 +3465,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3360,6 +3504,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } + .p-paginator { background: #ffffff; color: #6b7280; @@ -3369,9 +3514,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #6b7280; @@ -3382,9 +3527,9 @@ border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; border-color: transparent; color: #374151; @@ -3441,6 +3586,7 @@ border-color: transparent; color: #374151; } + .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3526,6 +3672,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #f3f4f6; } + .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -3534,6 +3681,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #3B82F6; border-radius: 50%; @@ -3545,19 +3693,20 @@ background-color: #e5e7eb; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #e5e7eb; background: #ffffff; @@ -3614,11 +3763,11 @@ color: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3691,6 +3840,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3830,7 +3980,7 @@ background: #3B82F6; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #f9fafb; } .p-treetable .p-treetable-loading-icon { @@ -3891,6 +4041,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #f9fafb; color: #374151; @@ -3915,6 +4066,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 1px solid #e5e7eb; @@ -3963,6 +4115,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } + .p-card { background: #ffffff; color: #4b5563; @@ -3988,6 +4141,7 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4011,6 +4165,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #e5e7eb; background: #ffffff; @@ -4051,6 +4206,7 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } + .p-panel .p-panel-header { border: 1px solid #e5e7eb; padding: 1.25rem; @@ -4117,6 +4273,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #f9fafb; border: 0 none; @@ -4127,6 +4284,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } + .p-splitter { border: 1px solid #e5e7eb; background: #ffffff; @@ -4148,164 +4306,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #e5e7eb; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 6px; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #4b5563; - border: 1px solid #f3f4f6; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #6b7280; - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #EFF6FF; - color: #1D4ED8; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #4b5563; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #3B82F6; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 1.25rem; - color: #4b5563; - } - .p-stepper .p-stepper-separator { - background-color: #e5e7eb; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #4b5563; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #3B82F6; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4374,6 +4375,7 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } + .p-toolbar { background: #f9fafb; border: 1px solid #e5e7eb; @@ -4384,6 +4386,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #4b5563; @@ -4431,6 +4434,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -4503,6 +4507,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #4b5563; @@ -4544,6 +4549,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: #4b5563; @@ -4554,7 +4560,7 @@ padding: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6b7280; @@ -4564,13 +4570,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -4584,6 +4590,7 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } + .p-tooltip .p-tooltip-text { background: #4b5563; color: #ffffff; @@ -4603,6 +4610,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4b5563; } + .p-fileupload .p-fileupload-buttonbar { background: #f9fafb; padding: 1.25rem; @@ -4642,6 +4650,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #2563eb; color: #ffffff; @@ -4652,6 +4661,7 @@ color: #ffffff; border-color: #1D4ED8; } + .p-breadcrumb { background: #ffffff; border: 1px solid #e5e7eb; @@ -4683,6 +4693,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6b7280; } + .p-contextmenu { padding: 0.5rem 0; background: #ffffff; @@ -4730,7 +4741,7 @@ color: #1D4ED8; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4744,7 +4755,7 @@ color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4755,7 +4766,7 @@ color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-contextmenu .p-menuitem-separator { @@ -4769,6 +4780,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4792,31 +4804,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4875,7 +4888,7 @@ color: #1D4ED8; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4889,7 +4902,7 @@ color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4900,7 +4913,7 @@ color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-megamenu .p-megamenu-panel { @@ -4958,9 +4971,10 @@ color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } + .p-menu { padding: 0.5rem 0; background: #ffffff; @@ -4997,7 +5011,7 @@ color: #1D4ED8; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5011,7 +5025,7 @@ color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5022,7 +5036,7 @@ color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menu.p-menu-overlay { @@ -5056,6 +5070,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #f9fafb; @@ -5094,7 +5109,7 @@ color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5125,7 +5140,7 @@ color: #1D4ED8; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5139,7 +5154,7 @@ color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5150,7 +5165,7 @@ color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menubar .p-submenu-list { @@ -5167,6 +5182,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5341,7 +5357,7 @@ color: #1D4ED8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5355,7 +5371,7 @@ color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5366,7 +5382,7 @@ color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5382,6 +5398,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } + .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5424,7 +5441,7 @@ color: #1D4ED8; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5438,7 +5455,7 @@ color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5449,7 +5466,7 @@ color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-slidemenu.p-slidemenu-overlay { @@ -5496,6 +5513,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5540,6 +5558,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -5610,6 +5629,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } + .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5660,7 +5680,7 @@ color: #1D4ED8; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5674,7 +5694,7 @@ color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5685,7 +5705,7 @@ color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-tieredmenu .p-menuitem-separator { @@ -5699,6 +5719,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5754,6 +5775,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 6px; @@ -5842,6 +5864,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 1; } @@ -5892,7 +5915,7 @@ color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-success { @@ -5902,7 +5925,7 @@ color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5912,7 +5935,7 @@ color: #cc8925; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #cc8925; } .p-toast .p-toast-message.p-toast-message-error { @@ -5922,9 +5945,10 @@ color: #ff5757; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #ff5757; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5955,7 +5979,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6012,7 +6036,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f9fafb; @@ -6022,7 +6046,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f9fafb; } @@ -6031,23 +6055,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6071,6 +6101,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #e5e7eb; border-radius: 6px; @@ -6091,9 +6122,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #3B82F6; color: #ffffff; @@ -6135,6 +6168,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #e5e7eb; color: #4b5563; @@ -6170,6 +6204,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6184,15 +6219,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6200,19 +6239,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6272,6 +6316,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6287,6 +6332,7 @@ color: #ffffff; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6308,6 +6354,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #e5e7eb; border-radius: 6px; @@ -6315,6 +6362,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #3B82F6; color: #ffffff; @@ -6347,6 +6395,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #4b5563; @@ -6363,65 +6412,78 @@ .p-button-label { font-weight: 700; } + .p-selectbutton > .p-button, - .p-togglebutton.p-button { +.p-togglebutton.p-button { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #3B82F6; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #3B82F6; } + .p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; } .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #3B82F6; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #3B82F6; } + .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; } + .p-toast-message { backdrop-filter: blur(10px); } + .p-inline-message-text { font-weight: 500; } + .p-picklist-buttons .p-button, - .p-orderlist-controls .p-button { +.p-orderlist-controls .p-button { transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-steps .p-steps-item.p-highlight .p-steps-number { background: #3B82F6; color: #ffffff; diff --git a/src/assets/components/themes/lara-light-indigo/theme.css b/src/assets/components/themes/lara-light-indigo/theme.css index e01a3dcd256..3d65b964146 100644 --- a/src/assets/components/themes/lara-light-indigo/theme.css +++ b/src/assets/components/themes/lara-light-indigo/theme.css @@ -293,32 +293,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.6; } + .p-error { color: #e24c4c; } + .p-text-secondary { color: #6b7280; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -330,12 +338,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -352,6 +363,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -398,6 +410,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } + .p-autocomplete-panel { background: #ffffff; color: #4b5563; @@ -444,9 +457,11 @@ color: #4b5563; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e24c4c; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -454,19 +469,23 @@ color: #6b7280; right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #6b7280; right: 3.75rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #e24c4c; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; border-color: #6366F1; } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -493,7 +512,7 @@ border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6b7280; @@ -503,13 +522,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -518,14 +537,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #4b5563; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #6366F1; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -674,6 +693,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -681,10 +701,12 @@ color: #6b7280; right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #6b7280; right: 3.75rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -727,6 +749,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e24c4c; } + .p-cascadeselect-panel { background: #ffffff; color: #4b5563; @@ -766,6 +789,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f3f4f6; } @@ -775,9 +799,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #e24c4c; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -785,6 +811,7 @@ color: #6b7280; right: 3rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -793,6 +820,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 22px; height: 22px; @@ -833,9 +861,11 @@ background: #4338CA; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e24c4c; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f3f4f6; } @@ -848,12 +878,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #4338CA; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e24c4c; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #6366F1; } @@ -892,9 +925,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #e24c4c; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -902,22 +937,26 @@ color: #6b7280; right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } + .p-dropdown { background: #ffffff; border: 1px solid #d1d5db; @@ -961,6 +1000,7 @@ .p-dropdown.p-invalid.p-component { border-color: #e24c4c; } + .p-dropdown-panel { background: #ffffff; color: #4b5563; @@ -1024,6 +1064,7 @@ color: #4b5563; background: transparent; } + .p-input-filled .p-dropdown { background: #f3f4f6; } @@ -1036,14 +1077,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #e24c4c; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #f3f4f6; color: #6b7280; @@ -1056,68 +1100,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #d1d5db; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: #6b7280; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: #6b7280; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e24c4c; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1125,9 +1179,11 @@ color: #6b7280; right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #e24c4c; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1135,21 +1191,25 @@ color: #6b7280; right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.75rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1188,9 +1248,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #4F46E5; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e24c4c; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1223,54 +1285,69 @@ font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: #6b7280; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #e24c4c; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: #6b7280; } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: #6b7280; } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: #6b7280; } + :-moz-placeholder { color: #6b7280; } + ::-moz-placeholder { color: #6b7280; } + :-ms-input-placeholder { color: #6b7280; } + .p-input-filled .p-inputtext { background-color: #f3f4f6; } @@ -1280,14 +1357,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-listbox { background: #ffffff; color: #4b5563; @@ -1362,9 +1442,11 @@ box-shadow: 0 0 0 0.2rem #C7D2FE; border-color: #6366F1; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e24c4c; } + .p-multiselect { background: #ffffff; border: 1px solid #d1d5db; @@ -1404,9 +1486,11 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1414,6 +1498,7 @@ color: #6b7280; right: 3rem; } + .p-multiselect-panel { background: #ffffff; color: #4b5563; @@ -1502,6 +1587,7 @@ color: #4b5563; background: transparent; } + .p-input-filled .p-multiselect { background: #f3f4f6; } @@ -1511,12 +1597,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #e24c4c; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #e24c4c; } + .p-password-panel { padding: 1.25rem; background: #ffffff; @@ -1538,6 +1627,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #29c76f; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1545,6 +1635,7 @@ color: #6b7280; right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1552,6 +1643,7 @@ color: #6b7280; right: 2.5rem; } + .p-radiobutton { width: 22px; height: 22px; @@ -1589,9 +1681,11 @@ background: #4338CA; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #e24c4c; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f3f4f6; } @@ -1604,9 +1698,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #4338CA; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1637,6 +1733,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #e73d3e; } + .p-selectbutton .p-button { background: #ffffff; border: 1px solid #d1d5db; @@ -1644,7 +1741,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #6b7280; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1653,7 +1750,7 @@ color: #4b5563; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #374151; } .p-selectbutton .p-button.p-highlight { @@ -1662,7 +1759,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1671,12 +1768,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #e24c4c; } + .p-slider { background: #e5e7eb; border: 0 none; @@ -1728,6 +1827,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #ffffff; border: 1px solid #d1d5db; @@ -1735,7 +1835,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #6b7280; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1744,7 +1844,7 @@ color: #4b5563; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #374151; } .p-togglebutton.p-button.p-highlight { @@ -1753,7 +1853,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1762,12 +1862,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #e24c4c; } + .p-treeselect { background: #ffffff; border: 1px solid #d1d5db; @@ -1804,12 +1906,15 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #e24c4c; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } + .p-treeselect-panel { background: #ffffff; color: #4b5563; @@ -1869,6 +1974,7 @@ color: #4b5563; background: transparent; } + .p-input-filled .p-treeselect { background: #f3f4f6; } @@ -1878,6 +1984,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1885,6 +1992,7 @@ color: #6b7280; right: 3rem; } + .p-button { color: #ffffff; background: #6366F1; @@ -1996,7 +2104,7 @@ padding: 0.75rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2023,6 +2131,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2035,414 +2144,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #64748b; border: 1px solid #64748b; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #475569; color: #ffffff; border-color: #475569; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #e2e8f0; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #334155; color: #ffffff; border-color: #334155; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #64748b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); color: #64748b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); color: #64748b; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #64748b; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; color: #64748b; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; color: #64748b; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0ea5e9; border: 1px solid #0ea5e9; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #0284c7; color: #ffffff; border-color: #0284c7; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #0369a1; color: #ffffff; border-color: #0369a1; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(14, 165, 233, 0.04); color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(14, 165, 233, 0.16); color: #0ea5e9; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #0ea5e9; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(14, 165, 233, 0.04); border-color: transparent; color: #0ea5e9; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(14, 165, 233, 0.16); border-color: transparent; color: #0ea5e9; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #22c55e; border: 1px solid #22c55e; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #16a34a; color: #ffffff; border-color: #16a34a; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #bbf7d0; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #15803d; color: #ffffff; border-color: #15803d; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); color: #22c55e; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #22c55e; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; color: #22c55e; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; color: #22c55e; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #ffffff; background: #f97316; border: 1px solid #f97316; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ea580c; color: #ffffff; border-color: #ea580c; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fde68a; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #c2410c; color: #ffffff; border-color: #c2410c; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(249, 115, 22, 0.04); color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(249, 115, 22, 0.16); color: #f97316; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #f97316; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(249, 115, 22, 0.04); border-color: transparent; color: #f97316; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(249, 115, 22, 0.16); border-color: transparent; color: #f97316; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #a855f7; border: 1px solid #a855f7; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #9333ea; color: #ffffff; border-color: #9333ea; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #e9d5ff; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7e22ce; color: #ffffff; border-color: #7e22ce; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); color: #a855f7; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #a855f7; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; color: #a855f7; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; color: #a855f7; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #ef4444; border: 1px solid #ef4444; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #dc2626; color: #ffffff; border-color: #dc2626; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fecaca; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #b91c1c; color: #ffffff; border-color: #b91c1c; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); color: #ef4444; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #ef4444; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; color: #ef4444; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; color: #ef4444; } + .p-button.p-button-link { color: #4338CA; background: transparent; @@ -2466,6 +2582,7 @@ color: #4338CA; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2477,14 +2594,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2495,45 +2615,52 @@ background: #022354; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 6px; } @@ -2611,6 +2738,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #64748b; @@ -2639,6 +2767,7 @@ border-color: transparent; color: #64748b; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0ea5e9; @@ -2667,6 +2796,7 @@ border-color: transparent; color: #0ea5e9; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #22c55e; @@ -2695,6 +2825,7 @@ border-color: transparent; color: #22c55e; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #f97316; @@ -2723,6 +2854,7 @@ border-color: transparent; color: #f97316; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #a855f7; @@ -2751,6 +2883,7 @@ border-color: transparent; color: #a855f7; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef4444; @@ -2779,8 +2912,9 @@ border-color: transparent; color: #ef4444; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6b7280; @@ -2791,13 +2925,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -2823,6 +2957,7 @@ background: #EEF2FF; color: #4338CA; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2916,9 +3051,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6b7280; @@ -2928,17 +3063,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -2968,12 +3103,12 @@ background: #6366F1; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #f9fafb; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f9fafb; } .p-datatable .p-datatable-loading-icon { @@ -3076,6 +3211,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3114,10 +3250,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3145,6 +3283,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3164,6 +3303,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; } + .p-column-filter-overlay { background: #ffffff; color: #4b5563; @@ -3201,6 +3341,7 @@ border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e5e7eb; @@ -3229,6 +3370,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } + .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3314,6 +3456,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #f3f4f6; } + .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -3322,6 +3465,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3360,6 +3504,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; } + .p-paginator { background: #ffffff; color: #6b7280; @@ -3369,9 +3514,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #6b7280; @@ -3382,9 +3527,9 @@ border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; border-color: transparent; color: #374151; @@ -3441,6 +3586,7 @@ border-color: transparent; color: #374151; } + .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3526,6 +3672,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #f3f4f6; } + .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -3534,6 +3681,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #6366F1; border-radius: 50%; @@ -3545,19 +3693,20 @@ background-color: #e5e7eb; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #e5e7eb; background: #ffffff; @@ -3614,11 +3763,11 @@ color: #4338CA; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #4338CA; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #4338CA; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3691,6 +3840,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3830,7 +3980,7 @@ background: #6366F1; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #f9fafb; } .p-treetable .p-treetable-loading-icon { @@ -3891,6 +4041,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #f9fafb; color: #374151; @@ -3915,6 +4066,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 1px solid #e5e7eb; @@ -3963,6 +4115,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } + .p-card { background: #ffffff; color: #4b5563; @@ -3988,6 +4141,7 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4011,6 +4165,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #e5e7eb; background: #ffffff; @@ -4051,6 +4206,7 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } + .p-panel .p-panel-header { border: 1px solid #e5e7eb; padding: 1.25rem; @@ -4117,6 +4273,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #f9fafb; border: 0 none; @@ -4127,6 +4284,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; } + .p-splitter { border: 1px solid #e5e7eb; background: #ffffff; @@ -4148,164 +4306,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #e5e7eb; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 6px; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #4b5563; - border: 1px solid #f3f4f6; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #6b7280; - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #EEF2FF; - color: #4338CA; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #4b5563; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #6366F1; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 1.25rem; - color: #4b5563; - } - .p-stepper .p-stepper-separator { - background-color: #e5e7eb; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #4b5563; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #6366F1; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4374,6 +4375,7 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } + .p-toolbar { background: #f9fafb; border: 1px solid #e5e7eb; @@ -4384,6 +4386,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #4b5563; @@ -4431,6 +4434,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -4503,6 +4507,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #4b5563; @@ -4544,6 +4549,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: #4b5563; @@ -4554,7 +4560,7 @@ padding: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6b7280; @@ -4564,13 +4570,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -4584,6 +4590,7 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } + .p-tooltip .p-tooltip-text { background: #4b5563; color: #ffffff; @@ -4603,6 +4610,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4b5563; } + .p-fileupload .p-fileupload-buttonbar { background: #f9fafb; padding: 1.25rem; @@ -4642,6 +4650,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #4F46E5; color: #ffffff; @@ -4652,6 +4661,7 @@ color: #ffffff; border-color: #4338CA; } + .p-breadcrumb { background: #ffffff; border: 1px solid #e5e7eb; @@ -4683,6 +4693,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6b7280; } + .p-contextmenu { padding: 0.5rem 0; background: #ffffff; @@ -4730,7 +4741,7 @@ color: #4338CA; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4338CA; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4744,7 +4755,7 @@ color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4755,7 +4766,7 @@ color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-contextmenu .p-menuitem-separator { @@ -4769,6 +4780,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4792,31 +4804,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4875,7 +4888,7 @@ color: #4338CA; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4338CA; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4889,7 +4902,7 @@ color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4900,7 +4913,7 @@ color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-megamenu .p-megamenu-panel { @@ -4958,9 +4971,10 @@ color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } + .p-menu { padding: 0.5rem 0; background: #ffffff; @@ -4997,7 +5011,7 @@ color: #4338CA; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4338CA; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5011,7 +5025,7 @@ color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5022,7 +5036,7 @@ color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menu.p-menu-overlay { @@ -5056,6 +5070,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #f9fafb; @@ -5094,7 +5109,7 @@ color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5125,7 +5140,7 @@ color: #4338CA; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4338CA; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5139,7 +5154,7 @@ color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5150,7 +5165,7 @@ color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menubar .p-submenu-list { @@ -5167,6 +5182,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5341,7 +5357,7 @@ color: #4338CA; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4338CA; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5355,7 +5371,7 @@ color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5366,7 +5382,7 @@ color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5382,6 +5398,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } + .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5424,7 +5441,7 @@ color: #4338CA; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4338CA; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5438,7 +5455,7 @@ color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5449,7 +5466,7 @@ color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-slidemenu.p-slidemenu-overlay { @@ -5496,6 +5513,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5540,6 +5558,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -5610,6 +5629,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #C7D2FE; } + .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5660,7 +5680,7 @@ color: #4338CA; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4338CA; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5674,7 +5694,7 @@ color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5685,7 +5705,7 @@ color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-tieredmenu .p-menuitem-separator { @@ -5699,6 +5719,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5754,6 +5775,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 6px; @@ -5842,6 +5864,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 1; } @@ -5892,7 +5915,7 @@ color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-success { @@ -5902,7 +5925,7 @@ color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5912,7 +5935,7 @@ color: #cc8925; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #cc8925; } .p-toast .p-toast-message.p-toast-message-error { @@ -5922,9 +5945,10 @@ color: #ff5757; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #ff5757; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5955,7 +5979,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6012,7 +6036,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f9fafb; @@ -6022,7 +6046,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f9fafb; } @@ -6031,23 +6055,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6071,6 +6101,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #e5e7eb; border-radius: 6px; @@ -6091,9 +6122,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #6366F1; color: #ffffff; @@ -6135,6 +6168,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #e5e7eb; color: #4b5563; @@ -6170,6 +6204,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6184,15 +6219,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6200,19 +6239,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6272,6 +6316,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6287,6 +6332,7 @@ color: #ffffff; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6308,6 +6354,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #e5e7eb; border-radius: 6px; @@ -6315,6 +6362,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #6366F1; color: #ffffff; @@ -6347,6 +6395,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #4b5563; @@ -6363,65 +6412,78 @@ .p-button-label { font-weight: 700; } + .p-selectbutton > .p-button, - .p-togglebutton.p-button { +.p-togglebutton.p-button { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #6366F1; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #6366F1; } + .p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black; } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; } .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #6366F1; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #6366F1; } + .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black; } + .p-toast-message { backdrop-filter: blur(10px); } + .p-inline-message-text { font-weight: 500; } + .p-picklist-buttons .p-button, - .p-orderlist-controls .p-button { +.p-orderlist-controls .p-button { transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-steps .p-steps-item.p-highlight .p-steps-number { background: #6366F1; color: #ffffff; diff --git a/src/assets/components/themes/lara-light-purple/theme.css b/src/assets/components/themes/lara-light-purple/theme.css index 3894d7c840f..74abaecd6bc 100644 --- a/src/assets/components/themes/lara-light-purple/theme.css +++ b/src/assets/components/themes/lara-light-purple/theme.css @@ -293,32 +293,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.6; } + .p-error { color: #e24c4c; } + .p-text-secondary { color: #6b7280; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -330,12 +338,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -352,6 +363,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -398,6 +410,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } + .p-autocomplete-panel { background: #ffffff; color: #4b5563; @@ -444,9 +457,11 @@ color: #4b5563; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e24c4c; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -454,19 +469,23 @@ color: #6b7280; right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #6b7280; right: 3.75rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #e24c4c; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; border-color: #8B5CF6; } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -493,7 +512,7 @@ border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6b7280; @@ -503,13 +522,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -518,14 +537,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #4b5563; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #8B5CF6; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -674,6 +693,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -681,10 +701,12 @@ color: #6b7280; right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #6b7280; right: 3.75rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -727,6 +749,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e24c4c; } + .p-cascadeselect-panel { background: #ffffff; color: #4b5563; @@ -766,6 +789,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f3f4f6; } @@ -775,9 +799,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #e24c4c; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -785,6 +811,7 @@ color: #6b7280; right: 3rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -793,6 +820,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 22px; height: 22px; @@ -833,9 +861,11 @@ background: #6D28D9; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e24c4c; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f3f4f6; } @@ -848,12 +878,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #6D28D9; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e24c4c; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #8B5CF6; } @@ -892,9 +925,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #e24c4c; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -902,22 +937,26 @@ color: #6b7280; right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } + .p-dropdown { background: #ffffff; border: 1px solid #d1d5db; @@ -961,6 +1000,7 @@ .p-dropdown.p-invalid.p-component { border-color: #e24c4c; } + .p-dropdown-panel { background: #ffffff; color: #4b5563; @@ -1024,6 +1064,7 @@ color: #4b5563; background: transparent; } + .p-input-filled .p-dropdown { background: #f3f4f6; } @@ -1036,14 +1077,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #e24c4c; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #f3f4f6; color: #6b7280; @@ -1056,68 +1100,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #d1d5db; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: #6b7280; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: #6b7280; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e24c4c; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1125,9 +1179,11 @@ color: #6b7280; right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #e24c4c; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1135,21 +1191,25 @@ color: #6b7280; right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.75rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1188,9 +1248,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #7C3AED; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e24c4c; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1223,54 +1285,69 @@ font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: #6b7280; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #e24c4c; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: #6b7280; } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: #6b7280; } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: #6b7280; } + :-moz-placeholder { color: #6b7280; } + ::-moz-placeholder { color: #6b7280; } + :-ms-input-placeholder { color: #6b7280; } + .p-input-filled .p-inputtext { background-color: #f3f4f6; } @@ -1280,14 +1357,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-listbox { background: #ffffff; color: #4b5563; @@ -1362,9 +1442,11 @@ box-shadow: 0 0 0 0.2rem #DDD6FE; border-color: #8B5CF6; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e24c4c; } + .p-multiselect { background: #ffffff; border: 1px solid #d1d5db; @@ -1404,9 +1486,11 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1414,6 +1498,7 @@ color: #6b7280; right: 3rem; } + .p-multiselect-panel { background: #ffffff; color: #4b5563; @@ -1502,6 +1587,7 @@ color: #4b5563; background: transparent; } + .p-input-filled .p-multiselect { background: #f3f4f6; } @@ -1511,12 +1597,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #e24c4c; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #e24c4c; } + .p-password-panel { padding: 1.25rem; background: #ffffff; @@ -1538,6 +1627,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #29c76f; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1545,6 +1635,7 @@ color: #6b7280; right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1552,6 +1643,7 @@ color: #6b7280; right: 2.5rem; } + .p-radiobutton { width: 22px; height: 22px; @@ -1589,9 +1681,11 @@ background: #6D28D9; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #e24c4c; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f3f4f6; } @@ -1604,9 +1698,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #6D28D9; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1637,6 +1733,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #e73d3e; } + .p-selectbutton .p-button { background: #ffffff; border: 1px solid #d1d5db; @@ -1644,7 +1741,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #6b7280; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1653,7 +1750,7 @@ color: #4b5563; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #374151; } .p-selectbutton .p-button.p-highlight { @@ -1662,7 +1759,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1671,12 +1768,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #e24c4c; } + .p-slider { background: #e5e7eb; border: 0 none; @@ -1728,6 +1827,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #ffffff; border: 1px solid #d1d5db; @@ -1735,7 +1835,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #6b7280; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1744,7 +1844,7 @@ color: #4b5563; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #374151; } .p-togglebutton.p-button.p-highlight { @@ -1753,7 +1853,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1762,12 +1862,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #e24c4c; } + .p-treeselect { background: #ffffff; border: 1px solid #d1d5db; @@ -1804,12 +1906,15 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #e24c4c; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } + .p-treeselect-panel { background: #ffffff; color: #4b5563; @@ -1869,6 +1974,7 @@ color: #4b5563; background: transparent; } + .p-input-filled .p-treeselect { background: #f3f4f6; } @@ -1878,6 +1984,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1885,6 +1992,7 @@ color: #6b7280; right: 3rem; } + .p-button { color: #ffffff; background: #8B5CF6; @@ -1996,7 +2104,7 @@ padding: 0.75rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2023,6 +2131,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2035,414 +2144,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #64748b; border: 1px solid #64748b; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #475569; color: #ffffff; border-color: #475569; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #e2e8f0; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #334155; color: #ffffff; border-color: #334155; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #64748b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); color: #64748b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); color: #64748b; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #64748b; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; color: #64748b; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; color: #64748b; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0ea5e9; border: 1px solid #0ea5e9; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #0284c7; color: #ffffff; border-color: #0284c7; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #0369a1; color: #ffffff; border-color: #0369a1; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(14, 165, 233, 0.04); color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(14, 165, 233, 0.16); color: #0ea5e9; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #0ea5e9; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(14, 165, 233, 0.04); border-color: transparent; color: #0ea5e9; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(14, 165, 233, 0.16); border-color: transparent; color: #0ea5e9; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #22c55e; border: 1px solid #22c55e; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #16a34a; color: #ffffff; border-color: #16a34a; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #bbf7d0; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #15803d; color: #ffffff; border-color: #15803d; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); color: #22c55e; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #22c55e; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; color: #22c55e; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; color: #22c55e; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #ffffff; background: #f97316; border: 1px solid #f97316; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ea580c; color: #ffffff; border-color: #ea580c; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fde68a; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #c2410c; color: #ffffff; border-color: #c2410c; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(249, 115, 22, 0.04); color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(249, 115, 22, 0.16); color: #f97316; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #f97316; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(249, 115, 22, 0.04); border-color: transparent; color: #f97316; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(249, 115, 22, 0.16); border-color: transparent; color: #f97316; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #a855f7; border: 1px solid #a855f7; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #9333ea; color: #ffffff; border-color: #9333ea; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #e9d5ff; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7e22ce; color: #ffffff; border-color: #7e22ce; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); color: #a855f7; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #a855f7; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; color: #a855f7; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; color: #a855f7; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #ef4444; border: 1px solid #ef4444; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #dc2626; color: #ffffff; border-color: #dc2626; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fecaca; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #b91c1c; color: #ffffff; border-color: #b91c1c; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); color: #ef4444; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #ef4444; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; color: #ef4444; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; color: #ef4444; } + .p-button.p-button-link { color: #6D28D9; background: transparent; @@ -2466,6 +2582,7 @@ color: #6D28D9; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2477,14 +2594,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2495,45 +2615,52 @@ background: #022354; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 6px; } @@ -2611,6 +2738,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #64748b; @@ -2639,6 +2767,7 @@ border-color: transparent; color: #64748b; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0ea5e9; @@ -2667,6 +2796,7 @@ border-color: transparent; color: #0ea5e9; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #22c55e; @@ -2695,6 +2825,7 @@ border-color: transparent; color: #22c55e; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #f97316; @@ -2723,6 +2854,7 @@ border-color: transparent; color: #f97316; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #a855f7; @@ -2751,6 +2883,7 @@ border-color: transparent; color: #a855f7; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef4444; @@ -2779,8 +2912,9 @@ border-color: transparent; color: #ef4444; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6b7280; @@ -2791,13 +2925,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -2823,6 +2957,7 @@ background: #F5F3FF; color: #6D28D9; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2916,9 +3051,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6b7280; @@ -2928,17 +3063,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -2968,12 +3103,12 @@ background: #8B5CF6; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #f9fafb; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f9fafb; } .p-datatable .p-datatable-loading-icon { @@ -3076,6 +3211,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3114,10 +3250,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3145,6 +3283,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3164,6 +3303,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; } + .p-column-filter-overlay { background: #ffffff; color: #4b5563; @@ -3201,6 +3341,7 @@ border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e5e7eb; @@ -3229,6 +3370,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } + .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3314,6 +3456,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #f3f4f6; } + .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -3322,6 +3465,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3360,6 +3504,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; } + .p-paginator { background: #ffffff; color: #6b7280; @@ -3369,9 +3514,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #6b7280; @@ -3382,9 +3527,9 @@ border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; border-color: transparent; color: #374151; @@ -3441,6 +3586,7 @@ border-color: transparent; color: #374151; } + .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3526,6 +3672,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #f3f4f6; } + .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -3534,6 +3681,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #8B5CF6; border-radius: 50%; @@ -3545,19 +3693,20 @@ background-color: #e5e7eb; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #e5e7eb; background: #ffffff; @@ -3614,11 +3763,11 @@ color: #6D28D9; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #6D28D9; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #6D28D9; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3691,6 +3840,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3830,7 +3980,7 @@ background: #8B5CF6; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #f9fafb; } .p-treetable .p-treetable-loading-icon { @@ -3891,6 +4041,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #f9fafb; color: #374151; @@ -3915,6 +4066,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 1px solid #e5e7eb; @@ -3963,6 +4115,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } + .p-card { background: #ffffff; color: #4b5563; @@ -3988,6 +4141,7 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4011,6 +4165,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #e5e7eb; background: #ffffff; @@ -4051,6 +4206,7 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } + .p-panel .p-panel-header { border: 1px solid #e5e7eb; padding: 1.25rem; @@ -4117,6 +4273,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #f9fafb; border: 0 none; @@ -4127,6 +4284,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; } + .p-splitter { border: 1px solid #e5e7eb; background: #ffffff; @@ -4148,164 +4306,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #e5e7eb; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 6px; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #4b5563; - border: 1px solid #f3f4f6; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #6b7280; - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #F5F3FF; - color: #6D28D9; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #4b5563; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #8B5CF6; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 1.25rem; - color: #4b5563; - } - .p-stepper .p-stepper-separator { - background-color: #e5e7eb; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #4b5563; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #8B5CF6; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4374,6 +4375,7 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } + .p-toolbar { background: #f9fafb; border: 1px solid #e5e7eb; @@ -4384,6 +4386,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #4b5563; @@ -4431,6 +4434,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -4503,6 +4507,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #4b5563; @@ -4544,6 +4549,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: #4b5563; @@ -4554,7 +4560,7 @@ padding: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6b7280; @@ -4564,13 +4570,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -4584,6 +4590,7 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } + .p-tooltip .p-tooltip-text { background: #4b5563; color: #ffffff; @@ -4603,6 +4610,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4b5563; } + .p-fileupload .p-fileupload-buttonbar { background: #f9fafb; padding: 1.25rem; @@ -4642,6 +4650,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #7C3AED; color: #ffffff; @@ -4652,6 +4661,7 @@ color: #ffffff; border-color: #6D28D9; } + .p-breadcrumb { background: #ffffff; border: 1px solid #e5e7eb; @@ -4683,6 +4693,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6b7280; } + .p-contextmenu { padding: 0.5rem 0; background: #ffffff; @@ -4730,7 +4741,7 @@ color: #6D28D9; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6D28D9; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4744,7 +4755,7 @@ color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4755,7 +4766,7 @@ color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-contextmenu .p-menuitem-separator { @@ -4769,6 +4780,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4792,31 +4804,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4875,7 +4888,7 @@ color: #6D28D9; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6D28D9; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4889,7 +4902,7 @@ color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4900,7 +4913,7 @@ color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-megamenu .p-megamenu-panel { @@ -4958,9 +4971,10 @@ color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } + .p-menu { padding: 0.5rem 0; background: #ffffff; @@ -4997,7 +5011,7 @@ color: #6D28D9; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6D28D9; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5011,7 +5025,7 @@ color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5022,7 +5036,7 @@ color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menu.p-menu-overlay { @@ -5056,6 +5070,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #f9fafb; @@ -5094,7 +5109,7 @@ color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5125,7 +5140,7 @@ color: #6D28D9; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6D28D9; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5139,7 +5154,7 @@ color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5150,7 +5165,7 @@ color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menubar .p-submenu-list { @@ -5167,6 +5182,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5341,7 +5357,7 @@ color: #6D28D9; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6D28D9; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5355,7 +5371,7 @@ color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5366,7 +5382,7 @@ color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5382,6 +5398,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } + .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5424,7 +5441,7 @@ color: #6D28D9; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6D28D9; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5438,7 +5455,7 @@ color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5449,7 +5466,7 @@ color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-slidemenu.p-slidemenu-overlay { @@ -5496,6 +5513,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5540,6 +5558,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -5610,6 +5629,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #DDD6FE; } + .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5660,7 +5680,7 @@ color: #6D28D9; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6D28D9; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5674,7 +5694,7 @@ color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5685,7 +5705,7 @@ color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-tieredmenu .p-menuitem-separator { @@ -5699,6 +5719,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5754,6 +5775,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 6px; @@ -5842,6 +5864,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 1; } @@ -5892,7 +5915,7 @@ color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-success { @@ -5902,7 +5925,7 @@ color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5912,7 +5935,7 @@ color: #cc8925; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #cc8925; } .p-toast .p-toast-message.p-toast-message-error { @@ -5922,9 +5945,10 @@ color: #ff5757; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #ff5757; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5955,7 +5979,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6012,7 +6036,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f9fafb; @@ -6022,7 +6046,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f9fafb; } @@ -6031,23 +6055,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6071,6 +6101,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #e5e7eb; border-radius: 6px; @@ -6091,9 +6122,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #8B5CF6; color: #ffffff; @@ -6135,6 +6168,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #e5e7eb; color: #4b5563; @@ -6170,6 +6204,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6184,15 +6219,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6200,19 +6239,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6272,6 +6316,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6287,6 +6332,7 @@ color: #ffffff; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6308,6 +6354,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #e5e7eb; border-radius: 6px; @@ -6315,6 +6362,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #8B5CF6; color: #ffffff; @@ -6347,6 +6395,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #4b5563; @@ -6363,65 +6412,78 @@ .p-button-label { font-weight: 700; } + .p-selectbutton > .p-button, - .p-togglebutton.p-button { +.p-togglebutton.p-button { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #8B5CF6; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #8B5CF6; } + .p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 black; } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; } .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #8B5CF6; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #8B5CF6; } + .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 black; } + .p-toast-message { backdrop-filter: blur(10px); } + .p-inline-message-text { font-weight: 500; } + .p-picklist-buttons .p-button, - .p-orderlist-controls .p-button { +.p-orderlist-controls .p-button { transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-steps .p-steps-item.p-highlight .p-steps-number { background: #8B5CF6; color: #ffffff; diff --git a/src/assets/components/themes/lara-light-teal/theme.css b/src/assets/components/themes/lara-light-teal/theme.css index a39ed196eb8..ad3bc76c848 100644 --- a/src/assets/components/themes/lara-light-teal/theme.css +++ b/src/assets/components/themes/lara-light-teal/theme.css @@ -293,32 +293,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.6; } + .p-error { color: #e24c4c; } + .p-text-secondary { color: #6b7280; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -330,12 +338,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -352,6 +363,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -398,6 +410,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } + .p-autocomplete-panel { background: #ffffff; color: #4b5563; @@ -444,9 +457,11 @@ color: #4b5563; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e24c4c; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -454,19 +469,23 @@ color: #6b7280; right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #6b7280; right: 3.75rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #e24c4c; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; border-color: #14b8a6; } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -493,7 +512,7 @@ border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6b7280; @@ -503,13 +522,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; @@ -518,14 +537,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #4b5563; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #14b8a6; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -674,6 +693,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -681,10 +701,12 @@ color: #6b7280; right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #6b7280; right: 3.75rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -727,6 +749,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e24c4c; } + .p-cascadeselect-panel { background: #ffffff; color: #4b5563; @@ -766,6 +789,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f3f4f6; } @@ -775,9 +799,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #e24c4c; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -785,6 +811,7 @@ color: #6b7280; right: 3rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -793,6 +820,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 22px; height: 22px; @@ -833,9 +861,11 @@ background: #0f766e; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e24c4c; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f3f4f6; } @@ -848,12 +878,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #0f766e; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e24c4c; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #14b8a6; } @@ -892,9 +925,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #e24c4c; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -902,22 +937,26 @@ color: #6b7280; right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } + .p-dropdown { background: #ffffff; border: 1px solid #d1d5db; @@ -961,6 +1000,7 @@ .p-dropdown.p-invalid.p-component { border-color: #e24c4c; } + .p-dropdown-panel { background: #ffffff; color: #4b5563; @@ -1024,6 +1064,7 @@ color: #4b5563; background: transparent; } + .p-input-filled .p-dropdown { background: #f3f4f6; } @@ -1036,14 +1077,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #e24c4c; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #f3f4f6; color: #6b7280; @@ -1056,68 +1100,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #d1d5db; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: #6b7280; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: #6b7280; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e24c4c; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1125,9 +1179,11 @@ color: #6b7280; right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #e24c4c; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1135,21 +1191,25 @@ color: #6b7280; right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.75rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1188,9 +1248,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #0d9488; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e24c4c; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1223,54 +1285,69 @@ font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: #6b7280; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #e24c4c; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: #6b7280; } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: #6b7280; } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: #6b7280; } + :-moz-placeholder { color: #6b7280; } + ::-moz-placeholder { color: #6b7280; } + :-ms-input-placeholder { color: #6b7280; } + .p-input-filled .p-inputtext { background-color: #f3f4f6; } @@ -1280,14 +1357,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-listbox { background: #ffffff; color: #4b5563; @@ -1362,9 +1442,11 @@ box-shadow: 0 0 0 0.2rem #99f6e4; border-color: #14b8a6; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e24c4c; } + .p-multiselect { background: #ffffff; border: 1px solid #d1d5db; @@ -1404,9 +1486,11 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1414,6 +1498,7 @@ color: #6b7280; right: 3rem; } + .p-multiselect-panel { background: #ffffff; color: #4b5563; @@ -1502,6 +1587,7 @@ color: #4b5563; background: transparent; } + .p-input-filled .p-multiselect { background: #f3f4f6; } @@ -1511,12 +1597,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #e24c4c; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #e24c4c; } + .p-password-panel { padding: 1.25rem; background: #ffffff; @@ -1538,6 +1627,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #29c76f; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1545,6 +1635,7 @@ color: #6b7280; right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1552,6 +1643,7 @@ color: #6b7280; right: 2.5rem; } + .p-radiobutton { width: 22px; height: 22px; @@ -1589,9 +1681,11 @@ background: #0f766e; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #e24c4c; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f3f4f6; } @@ -1604,9 +1698,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #0f766e; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1637,6 +1733,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #e73d3e; } + .p-selectbutton .p-button { background: #ffffff; border: 1px solid #d1d5db; @@ -1644,7 +1741,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #6b7280; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1653,7 +1750,7 @@ color: #4b5563; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #374151; } .p-selectbutton .p-button.p-highlight { @@ -1662,7 +1759,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1671,12 +1768,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #e24c4c; } + .p-slider { background: #e5e7eb; border: 0 none; @@ -1728,6 +1827,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #ffffff; border: 1px solid #d1d5db; @@ -1735,7 +1835,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #6b7280; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1744,7 +1844,7 @@ color: #4b5563; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #374151; } .p-togglebutton.p-button.p-highlight { @@ -1753,7 +1853,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1762,12 +1862,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #e24c4c; } + .p-treeselect { background: #ffffff; border: 1px solid #d1d5db; @@ -1804,12 +1906,15 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #e24c4c; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } + .p-treeselect-panel { background: #ffffff; color: #4b5563; @@ -1869,6 +1974,7 @@ color: #4b5563; background: transparent; } + .p-input-filled .p-treeselect { background: #f3f4f6; } @@ -1878,6 +1984,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1885,6 +1992,7 @@ color: #6b7280; right: 3rem; } + .p-button { color: #ffffff; background: #14b8a6; @@ -1996,7 +2104,7 @@ padding: 0.75rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2023,6 +2131,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2035,414 +2144,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #64748b; border: 1px solid #64748b; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #475569; color: #ffffff; border-color: #475569; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #e2e8f0; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #334155; color: #ffffff; border-color: #334155; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #64748b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); color: #64748b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); color: #64748b; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #64748b; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; color: #64748b; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; color: #64748b; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0ea5e9; border: 1px solid #0ea5e9; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #0284c7; color: #ffffff; border-color: #0284c7; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #0369a1; color: #ffffff; border-color: #0369a1; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(14, 165, 233, 0.04); color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(14, 165, 233, 0.16); color: #0ea5e9; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #0ea5e9; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(14, 165, 233, 0.04); border-color: transparent; color: #0ea5e9; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(14, 165, 233, 0.16); border-color: transparent; color: #0ea5e9; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #22c55e; border: 1px solid #22c55e; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #16a34a; color: #ffffff; border-color: #16a34a; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #bbf7d0; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #15803d; color: #ffffff; border-color: #15803d; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); color: #22c55e; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #22c55e; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; color: #22c55e; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; color: #22c55e; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #ffffff; background: #f97316; border: 1px solid #f97316; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ea580c; color: #ffffff; border-color: #ea580c; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fde68a; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #c2410c; color: #ffffff; border-color: #c2410c; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(249, 115, 22, 0.04); color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(249, 115, 22, 0.16); color: #f97316; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #f97316; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(249, 115, 22, 0.04); border-color: transparent; color: #f97316; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(249, 115, 22, 0.16); border-color: transparent; color: #f97316; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #a855f7; border: 1px solid #a855f7; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #9333ea; color: #ffffff; border-color: #9333ea; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #e9d5ff; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7e22ce; color: #ffffff; border-color: #7e22ce; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); color: #a855f7; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #a855f7; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; color: #a855f7; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; color: #a855f7; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #ef4444; border: 1px solid #ef4444; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #dc2626; color: #ffffff; border-color: #dc2626; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fecaca; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #b91c1c; color: #ffffff; border-color: #b91c1c; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); color: #ef4444; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #ef4444; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; color: #ef4444; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; color: #ef4444; } + .p-button.p-button-link { color: #0f766e; background: transparent; @@ -2466,6 +2582,7 @@ color: #0f766e; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2477,14 +2594,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2495,45 +2615,52 @@ background: #022354; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 6px; } @@ -2611,6 +2738,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #64748b; @@ -2639,6 +2767,7 @@ border-color: transparent; color: #64748b; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0ea5e9; @@ -2667,6 +2796,7 @@ border-color: transparent; color: #0ea5e9; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #22c55e; @@ -2695,6 +2825,7 @@ border-color: transparent; color: #22c55e; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #f97316; @@ -2723,6 +2854,7 @@ border-color: transparent; color: #f97316; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #a855f7; @@ -2751,6 +2883,7 @@ border-color: transparent; color: #a855f7; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef4444; @@ -2779,8 +2912,9 @@ border-color: transparent; color: #ef4444; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6b7280; @@ -2791,13 +2925,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; @@ -2823,6 +2957,7 @@ background: #f0fdfa; color: #0f766e; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2916,9 +3051,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6b7280; @@ -2928,17 +3063,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; @@ -2968,12 +3103,12 @@ background: #14b8a6; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #f9fafb; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f9fafb; } .p-datatable .p-datatable-loading-icon { @@ -3076,6 +3211,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3114,10 +3250,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3145,6 +3283,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3164,6 +3303,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } + .p-column-filter-overlay { background: #ffffff; color: #4b5563; @@ -3201,6 +3341,7 @@ border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e5e7eb; @@ -3229,6 +3370,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } + .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3314,6 +3456,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #f3f4f6; } + .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -3322,6 +3465,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3360,6 +3504,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } + .p-paginator { background: #ffffff; color: #6b7280; @@ -3369,9 +3514,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #6b7280; @@ -3382,9 +3527,9 @@ border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; border-color: transparent; color: #374151; @@ -3441,6 +3586,7 @@ border-color: transparent; color: #374151; } + .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3526,6 +3672,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #f3f4f6; } + .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -3534,6 +3681,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #14b8a6; border-radius: 50%; @@ -3545,19 +3693,20 @@ background-color: #e5e7eb; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #e5e7eb; background: #ffffff; @@ -3614,11 +3763,11 @@ color: #0f766e; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #0f766e; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #0f766e; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3691,6 +3840,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3830,7 +3980,7 @@ background: #14b8a6; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #f9fafb; } .p-treetable .p-treetable-loading-icon { @@ -3891,6 +4041,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #f9fafb; color: #374151; @@ -3915,6 +4066,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 1px solid #e5e7eb; @@ -3963,6 +4115,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } + .p-card { background: #ffffff; color: #4b5563; @@ -3988,6 +4141,7 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4011,6 +4165,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #e5e7eb; background: #ffffff; @@ -4051,6 +4206,7 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } + .p-panel .p-panel-header { border: 1px solid #e5e7eb; padding: 1.25rem; @@ -4117,6 +4273,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #f9fafb; border: 0 none; @@ -4127,6 +4284,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } + .p-splitter { border: 1px solid #e5e7eb; background: #ffffff; @@ -4148,164 +4306,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #e5e7eb; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 6px; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #4b5563; - border: 1px solid #f3f4f6; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #6b7280; - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #f0fdfa; - color: #0f766e; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #4b5563; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #14b8a6; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 1.25rem; - color: #4b5563; - } - .p-stepper .p-stepper-separator { - background-color: #e5e7eb; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #4b5563; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #14b8a6; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4374,6 +4375,7 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } + .p-toolbar { background: #f9fafb; border: 1px solid #e5e7eb; @@ -4384,6 +4386,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #4b5563; @@ -4431,6 +4434,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -4503,6 +4507,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #4b5563; @@ -4544,6 +4549,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: #4b5563; @@ -4554,7 +4560,7 @@ padding: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6b7280; @@ -4564,13 +4570,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; @@ -4584,6 +4590,7 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } + .p-tooltip .p-tooltip-text { background: #4b5563; color: #ffffff; @@ -4603,6 +4610,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4b5563; } + .p-fileupload .p-fileupload-buttonbar { background: #f9fafb; padding: 1.25rem; @@ -4642,6 +4650,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #0d9488; color: #ffffff; @@ -4652,6 +4661,7 @@ color: #ffffff; border-color: #0f766e; } + .p-breadcrumb { background: #ffffff; border: 1px solid #e5e7eb; @@ -4683,6 +4693,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6b7280; } + .p-contextmenu { padding: 0.5rem 0; background: #ffffff; @@ -4730,7 +4741,7 @@ color: #0f766e; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0f766e; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4744,7 +4755,7 @@ color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4755,7 +4766,7 @@ color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-contextmenu .p-menuitem-separator { @@ -4769,6 +4780,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4792,31 +4804,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4875,7 +4888,7 @@ color: #0f766e; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0f766e; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4889,7 +4902,7 @@ color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4900,7 +4913,7 @@ color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-megamenu .p-megamenu-panel { @@ -4958,9 +4971,10 @@ color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } + .p-menu { padding: 0.5rem 0; background: #ffffff; @@ -4997,7 +5011,7 @@ color: #0f766e; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0f766e; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5011,7 +5025,7 @@ color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5022,7 +5036,7 @@ color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menu.p-menu-overlay { @@ -5056,6 +5070,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #f9fafb; @@ -5094,7 +5109,7 @@ color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5125,7 +5140,7 @@ color: #0f766e; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0f766e; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5139,7 +5154,7 @@ color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5150,7 +5165,7 @@ color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menubar .p-submenu-list { @@ -5167,6 +5182,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5341,7 +5357,7 @@ color: #0f766e; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0f766e; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5355,7 +5371,7 @@ color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5366,7 +5382,7 @@ color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5382,6 +5398,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } + .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5424,7 +5441,7 @@ color: #0f766e; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0f766e; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5438,7 +5455,7 @@ color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5449,7 +5466,7 @@ color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-slidemenu.p-slidemenu-overlay { @@ -5496,6 +5513,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5540,6 +5558,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -5610,6 +5629,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #99f6e4; } + .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5660,7 +5680,7 @@ color: #0f766e; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0f766e; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5674,7 +5694,7 @@ color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5685,7 +5705,7 @@ color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-tieredmenu .p-menuitem-separator { @@ -5699,6 +5719,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5754,6 +5775,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 6px; @@ -5842,6 +5864,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 1; } @@ -5892,7 +5915,7 @@ color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-success { @@ -5902,7 +5925,7 @@ color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5912,7 +5935,7 @@ color: #cc8925; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #cc8925; } .p-toast .p-toast-message.p-toast-message-error { @@ -5922,9 +5945,10 @@ color: #ff5757; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #ff5757; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5955,7 +5979,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6012,7 +6036,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f9fafb; @@ -6022,7 +6046,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f9fafb; } @@ -6031,23 +6055,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6071,6 +6101,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #e5e7eb; border-radius: 6px; @@ -6091,9 +6122,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #14b8a6; color: #ffffff; @@ -6135,6 +6168,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #e5e7eb; color: #4b5563; @@ -6170,6 +6204,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6184,15 +6219,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6200,19 +6239,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6272,6 +6316,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6287,6 +6332,7 @@ color: #ffffff; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6308,6 +6354,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #e5e7eb; border-radius: 6px; @@ -6315,6 +6362,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #14b8a6; color: #ffffff; @@ -6347,6 +6395,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #4b5563; @@ -6363,65 +6412,78 @@ .p-button-label { font-weight: 700; } + .p-selectbutton > .p-button, - .p-togglebutton.p-button { +.p-togglebutton.p-button { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #14b8a6; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #14b8a6; } + .p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 black; } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; } .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #14b8a6; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #14b8a6; } + .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 black; } + .p-toast-message { backdrop-filter: blur(10px); } + .p-inline-message-text { font-weight: 500; } + .p-picklist-buttons .p-button, - .p-orderlist-controls .p-button { +.p-orderlist-controls .p-button { transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-steps .p-steps-item.p-highlight .p-steps-number { background: #14b8a6; color: #ffffff; diff --git a/src/assets/components/themes/luna-amber/theme.css b/src/assets/components/themes/luna-amber/theme.css index 185710840df..830d3772407 100644 --- a/src/assets/components/themes/luna-amber/theme.css +++ b/src/assets/components/themes/luna-amber/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.5; } + .p-error { color: #e57373; } + .p-text-secondary { color: #888888; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.429rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e57373; } + .p-autocomplete-panel { background: #323232; color: #dedede; @@ -427,9 +440,11 @@ color: #dedede; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e57373; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -437,19 +452,23 @@ color: #888888; right: 0.429rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #888888; right: 2.786rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #e57373; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #FFE082; } + .p-datepicker { padding: 0.857rem; background: #323232; @@ -476,23 +495,23 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #dedede; border-color: transparent; background: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #dedede; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 700; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #FFE082; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -567,7 +586,7 @@ .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.858rem; } @@ -664,10 +684,12 @@ color: #888888; right: 0.429rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #888888; right: 2.786rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e57373; } + .p-cascadeselect-panel { background: #323232; color: #dedede; @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #4b4b4b; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #4b4b4b; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #e57373; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.429rem; } @@ -768,6 +794,7 @@ color: #888888; right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #FFCA28; color: #212529; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e57373; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #4b4b4b; } @@ -831,15 +861,19 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #FFCA28; } + .p-checkbox-label { margin-left: 0.5rem; } + .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e57373; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #FFE082; } @@ -878,9 +912,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #e57373; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.429rem; } @@ -888,22 +924,26 @@ color: #888888; right: 0.429rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } + .p-dropdown { background: #191919; border: 1px solid #4b4b4b; @@ -947,6 +987,7 @@ .p-dropdown.p-invalid.p-component { border-color: #e57373; } + .p-dropdown-panel { background: #323232; color: #dedede; @@ -1010,6 +1051,7 @@ color: #dedede; background: transparent; } + .p-input-filled .p-dropdown { background: #4b4b4b; } @@ -1022,14 +1064,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #e57373; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #252525; color: #888888; @@ -1042,68 +1087,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #4b4b4b; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.429rem; color: #888888; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.429rem; color: #888888; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e57373; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.858rem; } @@ -1111,9 +1166,11 @@ color: #888888; right: 0.429rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #e57373; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 1.858rem; } @@ -1121,21 +1178,25 @@ color: #888888; right: 0.429rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.786rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.786rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 1.858rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1174,9 +1235,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #FFD54F; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e57373; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1209,54 +1272,69 @@ font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } + .p-float-label > label { left: 0.429rem; color: #9b9b9b; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #e57373; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.429rem; color: #888888; } + .p-input-icon-left > .p-inputtext { padding-left: 1.858rem; } + .p-input-icon-left.p-float-label > label { left: 1.858rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.429rem; color: #888888; } + .p-input-icon-right > .p-inputtext { padding-right: 1.858rem; } + .p-icon-field-left > .p-inputtext { padding-left: 1.858rem; } + .p-icon-field-left.p-float-label > label { left: 1.858rem; } + .p-icon-field-right > .p-inputtext { padding-right: 1.858rem; } + ::-webkit-input-placeholder { color: #9b9b9b; } + :-moz-placeholder { color: #9b9b9b; } + ::-moz-placeholder { color: #9b9b9b; } + :-ms-input-placeholder { color: #9b9b9b; } + .p-input-filled .p-inputtext { background-color: #4b4b4b; } @@ -1266,14 +1344,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #4b4b4b; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.375375rem 0.375375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } + .p-listbox { background: #323232; color: #dedede; @@ -1348,9 +1429,11 @@ box-shadow: 0 0 0 0.1rem white; border-color: #FFE082; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e57373; } + .p-multiselect { background: #191919; border: 1px solid #4b4b4b; @@ -1390,9 +1473,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.2145rem 0.429rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.429rem; } @@ -1400,6 +1485,7 @@ color: #888888; right: 2.357rem; } + .p-multiselect-panel { background: #323232; color: #dedede; @@ -1430,7 +1516,7 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -1488,6 +1574,7 @@ color: #dedede; background: transparent; } + .p-input-filled .p-multiselect { background: #4b4b4b; } @@ -1497,12 +1584,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #4b4b4b; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #e57373; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #e57373; } + .p-password-panel { padding: 0.571rem 1rem; background: #323232; @@ -1524,6 +1614,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #aed581; } + p-password.p-password-clearable .p-password-input { padding-right: 1.858rem; } @@ -1531,6 +1622,7 @@ color: #888888; right: 0.429rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.287rem; } @@ -1538,6 +1630,7 @@ color: #888888; right: 1.858rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1575,9 +1668,11 @@ background: #FFCA28; color: #212529; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #e57373; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #4b4b4b; } @@ -1590,12 +1685,15 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #FFCA28; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } + .p-rating { gap: 0.5rem; } @@ -1626,9 +1724,11 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; } + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #212529; } + .p-selectbutton .p-button { background: #252525; border: 1px solid #252525; @@ -1636,7 +1736,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #888888; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1645,7 +1745,7 @@ color: #dedede; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #dedede; } .p-selectbutton .p-button.p-highlight { @@ -1654,7 +1754,7 @@ color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #212529; } .p-selectbutton .p-button.p-highlight:hover { @@ -1663,12 +1763,14 @@ color: #212529; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #e57373; } + .p-slider { background: #4b4b4b; border: 0 none; @@ -1720,6 +1822,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #252525; border: 1px solid #252525; @@ -1727,7 +1830,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #888888; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1736,7 +1839,7 @@ color: #dedede; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #dedede; } .p-togglebutton.p-button.p-highlight { @@ -1745,7 +1848,7 @@ color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #212529; } .p-togglebutton.p-button.p-highlight:hover { @@ -1754,12 +1857,14 @@ color: #212529; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #e57373; } + .p-treeselect { background: #191919; border: 1px solid #4b4b4b; @@ -1796,12 +1901,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #e57373; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.2145rem 0.429rem; } + .p-treeselect-panel { background: #323232; color: #dedede; @@ -1837,7 +1945,7 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -1861,6 +1969,7 @@ color: #dedede; background: transparent; } + .p-input-filled .p-treeselect { background: #4b4b4b; } @@ -1870,6 +1979,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #4b4b4b; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.429rem; } @@ -1877,6 +1987,7 @@ color: #888888; right: 2.357rem; } + .p-button { color: #212529; background: #FFE082; @@ -1988,7 +2099,7 @@ padding: 0.429rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2015,6 +2126,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2027,414 +2139,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #121212; background: #b0bec5; border: 1px solid #b0bec5; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #90a4ae; color: #121212; border-color: #90a4ae; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #cfd8dc; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #78909c; color: #121212; border-color: #78909c; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #b0bec5; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); color: #b0bec5; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(176, 190, 197, 0.16); color: #b0bec5; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #b0bec5; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; color: #b0bec5; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; color: #b0bec5; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #212529; background: #4fc3f7; border: 1px solid #4fc3f7; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #29b6f6; color: #212529; border-color: #29b6f6; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #e1f5fe; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #03a9f4; color: #212529; border-color: #03a9f4; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #4fc3f7; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); color: #4fc3f7; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(79, 195, 247, 0.16); color: #4fc3f7; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #4fc3f7; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; color: #4fc3f7; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; color: #4fc3f7; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #212529; background: #aed581; border: 1px solid #aed581; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #9ccc65; color: #212529; border-color: #9ccc65; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #f1f8e9; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #8bc34a; color: #212529; border-color: #8bc34a; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #aed581; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); color: #aed581; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(174, 213, 129, 0.16); color: #aed581; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #aed581; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; color: #aed581; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; color: #aed581; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #ffb74d; border: 1px solid #ffb74d; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffa726; color: #212529; border-color: #ffa726; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #fffde7; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ff9800; color: #212529; border-color: #ff9800; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffb74d; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); color: #ffb74d; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 183, 77, 0.16); color: #ffb74d; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffb74d; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; color: #ffb74d; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; color: #ffb74d; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; background: #ce93d8; border: 1px solid #ce93d8; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #ba68c8; color: #121212; border-color: #ba68c8; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ce93d8; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #ab47bc; color: #121212; border-color: #ab47bc; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #ce93d8; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #ce93d8; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; color: #ce93d8; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; color: #ce93d8; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #212529; background: #e57373; border: 1px solid #e57373; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #ef5350; color: #212529; border-color: #ef5350; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #ffebee; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #f44336; color: #212529; border-color: #f44336; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #e57373; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); color: #e57373; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(229, 115, 115, 0.16); color: #e57373; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #e57373; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; color: #e57373; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; color: #e57373; } + .p-button.p-button-link { color: #FFE082; background: transparent; @@ -2458,6 +2577,7 @@ color: #FFE082; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2469,14 +2589,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2487,45 +2610,52 @@ background: #4d4d4d; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2603,6 +2733,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #b0bec5; @@ -2631,6 +2762,7 @@ border-color: transparent; color: #b0bec5; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #4fc3f7; @@ -2659,6 +2791,7 @@ border-color: transparent; color: #4fc3f7; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #aed581; @@ -2687,6 +2820,7 @@ border-color: transparent; color: #aed581; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffb74d; @@ -2715,6 +2849,7 @@ border-color: transparent; color: #ffb74d; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2743,6 +2878,7 @@ border-color: transparent; color: #ce93d8; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #e57373; @@ -2771,11 +2907,12 @@ border-color: transparent; color: #e57373; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -2783,13 +2920,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #dedede; border-color: transparent; background: transparent; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2815,6 +2952,7 @@ background: #FFE082; color: #212529; } + .p-datatable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -2908,29 +3046,29 @@ padding: 0.571rem 0.857rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #dedede; border-color: transparent; background: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2960,12 +3098,12 @@ background: #FFE082; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #191919; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #252525; } .p-datatable .p-datatable-loading-icon { @@ -3068,6 +3206,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.71375rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3106,14 +3245,16 @@ .p-dataview .p-dataview-emptymessage { padding: 0.571rem 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -3137,10 +3278,11 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -3156,6 +3298,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-column-filter-overlay { background: #323232; color: #dedede; @@ -3193,6 +3336,7 @@ border-top: 1px solid #4b4b4b; margin: 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.429rem 0.857rem; border-bottom: 1px solid #191919; @@ -3221,6 +3365,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.571rem 1rem; } + .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3306,6 +3451,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #4c4c4c; } + .p-orderlist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); @@ -3314,6 +3460,7 @@ background: #323232; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; @@ -3352,6 +3499,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-paginator { background: #252525; color: #dedede; @@ -3361,9 +3509,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #dedede; @@ -3374,9 +3522,9 @@ border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e0e0e0; border-color: transparent; color: #4c4c4c; @@ -3433,6 +3581,7 @@ border-color: transparent; color: #4c4c4c; } + .p-picklist .p-picklist-buttons { padding: 0.571rem 1rem; } @@ -3518,6 +3667,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #4c4c4c; } + .p-picklist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); @@ -3526,6 +3676,7 @@ background: #323232; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3537,19 +3688,20 @@ background-color: #191919; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #191919; background: #323232; @@ -3575,7 +3727,7 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -3606,11 +3758,11 @@ color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3683,6 +3835,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-treetable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3770,7 +3923,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -3822,7 +3975,7 @@ background: #FFE082; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #191919; } .p-treetable .p-treetable-loading-icon { @@ -3883,6 +4036,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.71375rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #191919; color: #dedede; @@ -3907,6 +4061,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 0.857rem 1rem; border: 1px solid #191919; @@ -3955,6 +4110,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 2px; } + .p-card { background: #323232; color: #dedede; @@ -3980,6 +4136,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #323232; } @@ -4003,6 +4160,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #191919; background: #323232; @@ -4043,6 +4201,7 @@ .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; } + .p-panel .p-panel-header { border: 1px solid #191919; padding: 0.857rem 1rem; @@ -4057,7 +4216,7 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -4109,6 +4268,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #3f3f3f; border: 0 none; @@ -4119,6 +4279,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-splitter { border: 1px solid #191919; background: #323232; @@ -4140,164 +4301,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #4b4b4b; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - background: #191919; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #dedede; - border: 1px solid #191919; - border-width: 2px; - background: #191919; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #888888; - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #FFE082; - color: #212529; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #dedede; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #FFE082; - } - .p-stepper .p-stepper-panels { - background: #323232; - padding: 0.571rem 1rem; - color: #dedede; - } - .p-stepper .p-stepper-separator { - background-color: #191919; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #323232; - color: #dedede; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #FFE082; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4366,6 +4370,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #191919; border: 1px solid #191919; @@ -4376,6 +4381,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #323232; color: #dedede; @@ -4423,6 +4429,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); @@ -4443,7 +4450,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -4495,6 +4502,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #323232; color: #dedede; @@ -4536,6 +4544,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #191919; } + .p-sidebar { background: #323232; color: #dedede; @@ -4546,23 +4555,23 @@ padding: 0.857rem 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #dedede; border-color: transparent; background: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4576,6 +4585,7 @@ .p-sidebar .p-sidebar-footer { padding: 0.857rem 1rem; } + .p-tooltip .p-tooltip-text { background: #4c4c4c; color: #dedede; @@ -4595,6 +4605,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4c4c4c; } + .p-fileupload .p-fileupload-buttonbar { background: #191919; padding: 0.857rem 1rem; @@ -4634,6 +4645,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #FFD54F; color: #212529; @@ -4644,6 +4656,7 @@ color: #212529; border-color: #FFCA28; } + .p-breadcrumb { background: #252525; border: 1px solid #191919; @@ -4675,6 +4688,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #dedede; } + .p-contextmenu { padding: 0; background: #252525; @@ -4722,7 +4736,7 @@ color: #212529; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4736,7 +4750,7 @@ color: #dedede; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4747,7 +4761,7 @@ color: #dedede; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-contextmenu .p-menuitem-separator { @@ -4761,6 +4775,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4784,31 +4799,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4867,7 +4883,7 @@ color: #212529; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4881,7 +4897,7 @@ color: #dedede; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4892,7 +4908,7 @@ color: #dedede; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-megamenu .p-megamenu-panel { @@ -4950,9 +4966,10 @@ color: #dedede; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } + .p-menu { padding: 0; background: #252525; @@ -4989,7 +5006,7 @@ color: #212529; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5003,7 +5020,7 @@ color: #dedede; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5014,7 +5031,7 @@ color: #dedede; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menu.p-menu-overlay { @@ -5048,6 +5065,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #252525; @@ -5086,7 +5104,7 @@ color: #dedede; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5117,7 +5135,7 @@ color: #212529; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5131,7 +5149,7 @@ color: #dedede; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5142,7 +5160,7 @@ color: #dedede; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-submenu-list { @@ -5159,6 +5177,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5333,7 +5352,7 @@ color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5347,7 +5366,7 @@ color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5358,7 +5377,7 @@ color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5374,6 +5393,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 2px; } + .p-slidemenu { padding: 0; background: #252525; @@ -5416,7 +5436,7 @@ color: #212529; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5430,7 +5450,7 @@ color: #dedede; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5441,7 +5461,7 @@ color: #dedede; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-slidemenu.p-slidemenu-overlay { @@ -5488,6 +5508,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -5532,6 +5553,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 0 none; @@ -5602,6 +5624,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; } + .p-tieredmenu { padding: 0; background: #252525; @@ -5652,7 +5675,7 @@ color: #212529; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5666,7 +5689,7 @@ color: #dedede; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5677,7 +5700,7 @@ color: #dedede; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-tieredmenu .p-menuitem-separator { @@ -5691,6 +5714,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem; margin: 0; @@ -5746,6 +5770,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5834,6 +5859,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5884,7 +5910,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-success { @@ -5894,7 +5920,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5904,7 +5930,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-error { @@ -5914,9 +5940,10 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #212121; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5947,7 +5974,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6004,7 +6031,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #aeb6bf; @@ -6014,7 +6041,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #aeb6bf; } @@ -6023,23 +6050,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6063,6 +6096,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #4b4b4b; border-radius: 3px; @@ -6083,9 +6117,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #323232; } + .p-badge { background: #FFE082; color: #212529; @@ -6127,6 +6163,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #4b4b4b; color: #dedede; @@ -6162,6 +6199,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.429rem 0.429rem; border-radius: 3px; @@ -6176,15 +6214,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6192,19 +6234,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6264,6 +6311,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 24px; @@ -6279,6 +6327,7 @@ color: #212529; line-height: 24px; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6300,6 +6349,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6307,6 +6357,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #FFE082; color: #212529; @@ -6339,6 +6390,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #323232; color: #dedede; diff --git a/src/assets/components/themes/luna-blue/theme.css b/src/assets/components/themes/luna-blue/theme.css index 283970d3678..0666d3950b1 100644 --- a/src/assets/components/themes/luna-blue/theme.css +++ b/src/assets/components/themes/luna-blue/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.5; } + .p-error { color: #e57373; } + .p-text-secondary { color: #888888; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.429rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e57373; } + .p-autocomplete-panel { background: #323232; color: #dedede; @@ -427,9 +440,11 @@ color: #dedede; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e57373; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -437,19 +452,23 @@ color: #888888; right: 0.429rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #888888; right: 2.786rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #e57373; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #81D4FA; } + .p-datepicker { padding: 0.857rem; background: #323232; @@ -476,23 +495,23 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #dedede; border-color: transparent; background: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #dedede; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 700; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #81D4FA; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -567,7 +586,7 @@ .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.858rem; } @@ -664,10 +684,12 @@ color: #888888; right: 0.429rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #888888; right: 2.786rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e57373; } + .p-cascadeselect-panel { background: #323232; color: #dedede; @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #4b4b4b; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #4b4b4b; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #e57373; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.429rem; } @@ -768,6 +794,7 @@ color: #888888; right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #29B6F6; color: #212529; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e57373; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #4b4b4b; } @@ -831,15 +861,19 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #29B6F6; } + .p-checkbox-label { margin-left: 0.5rem; } + .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e57373; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #81D4FA; } @@ -878,9 +912,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #e57373; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.429rem; } @@ -888,22 +924,26 @@ color: #888888; right: 0.429rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } + .p-dropdown { background: #191919; border: 1px solid #4b4b4b; @@ -947,6 +987,7 @@ .p-dropdown.p-invalid.p-component { border-color: #e57373; } + .p-dropdown-panel { background: #323232; color: #dedede; @@ -1010,6 +1051,7 @@ color: #dedede; background: transparent; } + .p-input-filled .p-dropdown { background: #4b4b4b; } @@ -1022,14 +1064,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #e57373; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #252525; color: #888888; @@ -1042,68 +1087,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #4b4b4b; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.429rem; color: #888888; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.429rem; color: #888888; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e57373; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.858rem; } @@ -1111,9 +1166,11 @@ color: #888888; right: 0.429rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #e57373; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 1.858rem; } @@ -1121,21 +1178,25 @@ color: #888888; right: 0.429rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.786rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.786rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 1.858rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1174,9 +1235,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #4FC3F7; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e57373; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1209,54 +1272,69 @@ font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } + .p-float-label > label { left: 0.429rem; color: #9b9b9b; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #e57373; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.429rem; color: #888888; } + .p-input-icon-left > .p-inputtext { padding-left: 1.858rem; } + .p-input-icon-left.p-float-label > label { left: 1.858rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.429rem; color: #888888; } + .p-input-icon-right > .p-inputtext { padding-right: 1.858rem; } + .p-icon-field-left > .p-inputtext { padding-left: 1.858rem; } + .p-icon-field-left.p-float-label > label { left: 1.858rem; } + .p-icon-field-right > .p-inputtext { padding-right: 1.858rem; } + ::-webkit-input-placeholder { color: #9b9b9b; } + :-moz-placeholder { color: #9b9b9b; } + ::-moz-placeholder { color: #9b9b9b; } + :-ms-input-placeholder { color: #9b9b9b; } + .p-input-filled .p-inputtext { background-color: #4b4b4b; } @@ -1266,14 +1344,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #4b4b4b; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.375375rem 0.375375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } + .p-listbox { background: #323232; color: #dedede; @@ -1348,9 +1429,11 @@ box-shadow: 0 0 0 0.1rem white; border-color: #81D4FA; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e57373; } + .p-multiselect { background: #191919; border: 1px solid #4b4b4b; @@ -1390,9 +1473,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.2145rem 0.429rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.429rem; } @@ -1400,6 +1485,7 @@ color: #888888; right: 2.357rem; } + .p-multiselect-panel { background: #323232; color: #dedede; @@ -1430,7 +1516,7 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -1488,6 +1574,7 @@ color: #dedede; background: transparent; } + .p-input-filled .p-multiselect { background: #4b4b4b; } @@ -1497,12 +1584,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #4b4b4b; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #e57373; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #e57373; } + .p-password-panel { padding: 0.571rem 1rem; background: #323232; @@ -1524,6 +1614,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #aed581; } + p-password.p-password-clearable .p-password-input { padding-right: 1.858rem; } @@ -1531,6 +1622,7 @@ color: #888888; right: 0.429rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.287rem; } @@ -1538,6 +1630,7 @@ color: #888888; right: 1.858rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1575,9 +1668,11 @@ background: #29B6F6; color: #212529; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #e57373; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #4b4b4b; } @@ -1590,12 +1685,15 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #29B6F6; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } + .p-rating { gap: 0.5rem; } @@ -1626,9 +1724,11 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; } + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #212529; } + .p-selectbutton .p-button { background: #252525; border: 1px solid #252525; @@ -1636,7 +1736,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #888888; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1645,7 +1745,7 @@ color: #dedede; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #dedede; } .p-selectbutton .p-button.p-highlight { @@ -1654,7 +1754,7 @@ color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #212529; } .p-selectbutton .p-button.p-highlight:hover { @@ -1663,12 +1763,14 @@ color: #212529; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #e57373; } + .p-slider { background: #4b4b4b; border: 0 none; @@ -1720,6 +1822,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #252525; border: 1px solid #252525; @@ -1727,7 +1830,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #888888; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1736,7 +1839,7 @@ color: #dedede; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #dedede; } .p-togglebutton.p-button.p-highlight { @@ -1745,7 +1848,7 @@ color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #212529; } .p-togglebutton.p-button.p-highlight:hover { @@ -1754,12 +1857,14 @@ color: #212529; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #e57373; } + .p-treeselect { background: #191919; border: 1px solid #4b4b4b; @@ -1796,12 +1901,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #e57373; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.2145rem 0.429rem; } + .p-treeselect-panel { background: #323232; color: #dedede; @@ -1837,7 +1945,7 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -1861,6 +1969,7 @@ color: #dedede; background: transparent; } + .p-input-filled .p-treeselect { background: #4b4b4b; } @@ -1870,6 +1979,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #4b4b4b; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.429rem; } @@ -1877,6 +1987,7 @@ color: #888888; right: 2.357rem; } + .p-button { color: #212529; background: #81D4FA; @@ -1988,7 +2099,7 @@ padding: 0.429rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2015,6 +2126,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2027,414 +2139,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #121212; background: #b0bec5; border: 1px solid #b0bec5; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #90a4ae; color: #121212; border-color: #90a4ae; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #cfd8dc; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #78909c; color: #121212; border-color: #78909c; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #b0bec5; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); color: #b0bec5; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(176, 190, 197, 0.16); color: #b0bec5; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #b0bec5; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; color: #b0bec5; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; color: #b0bec5; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #212529; background: #4fc3f7; border: 1px solid #4fc3f7; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #29b6f6; color: #212529; border-color: #29b6f6; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #e1f5fe; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #03a9f4; color: #212529; border-color: #03a9f4; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #4fc3f7; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); color: #4fc3f7; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(79, 195, 247, 0.16); color: #4fc3f7; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #4fc3f7; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; color: #4fc3f7; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; color: #4fc3f7; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #212529; background: #aed581; border: 1px solid #aed581; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #9ccc65; color: #212529; border-color: #9ccc65; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #f1f8e9; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #8bc34a; color: #212529; border-color: #8bc34a; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #aed581; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); color: #aed581; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(174, 213, 129, 0.16); color: #aed581; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #aed581; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; color: #aed581; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; color: #aed581; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #ffb74d; border: 1px solid #ffb74d; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffa726; color: #212529; border-color: #ffa726; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #fffde7; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ff9800; color: #212529; border-color: #ff9800; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffb74d; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); color: #ffb74d; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 183, 77, 0.16); color: #ffb74d; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffb74d; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; color: #ffb74d; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; color: #ffb74d; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; background: #ce93d8; border: 1px solid #ce93d8; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #ba68c8; color: #121212; border-color: #ba68c8; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ce93d8; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #ab47bc; color: #121212; border-color: #ab47bc; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #ce93d8; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #ce93d8; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; color: #ce93d8; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; color: #ce93d8; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #212529; background: #e57373; border: 1px solid #e57373; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #ef5350; color: #212529; border-color: #ef5350; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #ffebee; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #f44336; color: #212529; border-color: #f44336; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #e57373; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); color: #e57373; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(229, 115, 115, 0.16); color: #e57373; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #e57373; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; color: #e57373; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; color: #e57373; } + .p-button.p-button-link { color: #81D4FA; background: transparent; @@ -2458,6 +2577,7 @@ color: #81D4FA; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2469,14 +2589,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2487,45 +2610,52 @@ background: #4d4d4d; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2603,6 +2733,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #b0bec5; @@ -2631,6 +2762,7 @@ border-color: transparent; color: #b0bec5; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #4fc3f7; @@ -2659,6 +2791,7 @@ border-color: transparent; color: #4fc3f7; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #aed581; @@ -2687,6 +2820,7 @@ border-color: transparent; color: #aed581; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffb74d; @@ -2715,6 +2849,7 @@ border-color: transparent; color: #ffb74d; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2743,6 +2878,7 @@ border-color: transparent; color: #ce93d8; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #e57373; @@ -2771,11 +2907,12 @@ border-color: transparent; color: #e57373; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -2783,13 +2920,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #dedede; border-color: transparent; background: transparent; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2815,6 +2952,7 @@ background: #81D4FA; color: #212529; } + .p-datatable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -2908,29 +3046,29 @@ padding: 0.571rem 0.857rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #dedede; border-color: transparent; background: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2960,12 +3098,12 @@ background: #81D4FA; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #191919; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #252525; } .p-datatable .p-datatable-loading-icon { @@ -3068,6 +3206,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.71375rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3106,14 +3245,16 @@ .p-dataview .p-dataview-emptymessage { padding: 0.571rem 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -3137,10 +3278,11 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -3156,6 +3298,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-column-filter-overlay { background: #323232; color: #dedede; @@ -3193,6 +3336,7 @@ border-top: 1px solid #4b4b4b; margin: 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.429rem 0.857rem; border-bottom: 1px solid #191919; @@ -3221,6 +3365,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.571rem 1rem; } + .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3306,6 +3451,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #4c4c4c; } + .p-orderlist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); @@ -3314,6 +3460,7 @@ background: #323232; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; @@ -3352,6 +3499,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-paginator { background: #252525; color: #dedede; @@ -3361,9 +3509,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #dedede; @@ -3374,9 +3522,9 @@ border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e0e0e0; border-color: transparent; color: #4c4c4c; @@ -3433,6 +3581,7 @@ border-color: transparent; color: #4c4c4c; } + .p-picklist .p-picklist-buttons { padding: 0.571rem 1rem; } @@ -3518,6 +3667,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #4c4c4c; } + .p-picklist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); @@ -3526,6 +3676,7 @@ background: #323232; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3537,19 +3688,20 @@ background-color: #191919; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #191919; background: #323232; @@ -3575,7 +3727,7 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -3606,11 +3758,11 @@ color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3683,6 +3835,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-treetable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3770,7 +3923,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -3822,7 +3975,7 @@ background: #81D4FA; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #191919; } .p-treetable .p-treetable-loading-icon { @@ -3883,6 +4036,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.71375rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #191919; color: #dedede; @@ -3907,6 +4061,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 0.857rem 1rem; border: 1px solid #191919; @@ -3955,6 +4110,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 2px; } + .p-card { background: #323232; color: #dedede; @@ -3980,6 +4136,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #323232; } @@ -4003,6 +4160,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #191919; background: #323232; @@ -4043,6 +4201,7 @@ .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; } + .p-panel .p-panel-header { border: 1px solid #191919; padding: 0.857rem 1rem; @@ -4057,7 +4216,7 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -4109,6 +4268,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #3f3f3f; border: 0 none; @@ -4119,6 +4279,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-splitter { border: 1px solid #191919; background: #323232; @@ -4140,164 +4301,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #4b4b4b; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - background: #191919; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #dedede; - border: 1px solid #191919; - border-width: 2px; - background: #191919; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #888888; - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #81D4FA; - color: #212529; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #dedede; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #81D4FA; - } - .p-stepper .p-stepper-panels { - background: #323232; - padding: 0.571rem 1rem; - color: #dedede; - } - .p-stepper .p-stepper-separator { - background-color: #191919; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #323232; - color: #dedede; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #81D4FA; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4366,6 +4370,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #191919; border: 1px solid #191919; @@ -4376,6 +4381,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #323232; color: #dedede; @@ -4423,6 +4429,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); @@ -4443,7 +4450,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -4495,6 +4502,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #323232; color: #dedede; @@ -4536,6 +4544,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #191919; } + .p-sidebar { background: #323232; color: #dedede; @@ -4546,23 +4555,23 @@ padding: 0.857rem 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #dedede; border-color: transparent; background: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4576,6 +4585,7 @@ .p-sidebar .p-sidebar-footer { padding: 0.857rem 1rem; } + .p-tooltip .p-tooltip-text { background: #4c4c4c; color: #dedede; @@ -4595,6 +4605,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4c4c4c; } + .p-fileupload .p-fileupload-buttonbar { background: #191919; padding: 0.857rem 1rem; @@ -4634,6 +4645,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #4FC3F7; color: #212529; @@ -4644,6 +4656,7 @@ color: #212529; border-color: #29B6F6; } + .p-breadcrumb { background: #252525; border: 1px solid #191919; @@ -4675,6 +4688,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #dedede; } + .p-contextmenu { padding: 0; background: #252525; @@ -4722,7 +4736,7 @@ color: #212529; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4736,7 +4750,7 @@ color: #dedede; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4747,7 +4761,7 @@ color: #dedede; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-contextmenu .p-menuitem-separator { @@ -4761,6 +4775,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4784,31 +4799,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4867,7 +4883,7 @@ color: #212529; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4881,7 +4897,7 @@ color: #dedede; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4892,7 +4908,7 @@ color: #dedede; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-megamenu .p-megamenu-panel { @@ -4950,9 +4966,10 @@ color: #dedede; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } + .p-menu { padding: 0; background: #252525; @@ -4989,7 +5006,7 @@ color: #212529; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5003,7 +5020,7 @@ color: #dedede; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5014,7 +5031,7 @@ color: #dedede; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menu.p-menu-overlay { @@ -5048,6 +5065,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #252525; @@ -5086,7 +5104,7 @@ color: #dedede; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5117,7 +5135,7 @@ color: #212529; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5131,7 +5149,7 @@ color: #dedede; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5142,7 +5160,7 @@ color: #dedede; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-submenu-list { @@ -5159,6 +5177,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5333,7 +5352,7 @@ color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5347,7 +5366,7 @@ color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5358,7 +5377,7 @@ color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5374,6 +5393,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 2px; } + .p-slidemenu { padding: 0; background: #252525; @@ -5416,7 +5436,7 @@ color: #212529; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5430,7 +5450,7 @@ color: #dedede; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5441,7 +5461,7 @@ color: #dedede; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-slidemenu.p-slidemenu-overlay { @@ -5488,6 +5508,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -5532,6 +5553,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 0 none; @@ -5602,6 +5624,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; } + .p-tieredmenu { padding: 0; background: #252525; @@ -5652,7 +5675,7 @@ color: #212529; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5666,7 +5689,7 @@ color: #dedede; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5677,7 +5700,7 @@ color: #dedede; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-tieredmenu .p-menuitem-separator { @@ -5691,6 +5714,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem; margin: 0; @@ -5746,6 +5770,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5834,6 +5859,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5884,7 +5910,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-success { @@ -5894,7 +5920,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5904,7 +5930,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-error { @@ -5914,9 +5940,10 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #212121; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5947,7 +5974,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6004,7 +6031,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #aeb6bf; @@ -6014,7 +6041,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #aeb6bf; } @@ -6023,23 +6050,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6063,6 +6096,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #4b4b4b; border-radius: 3px; @@ -6083,9 +6117,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #323232; } + .p-badge { background: #81D4FA; color: #212529; @@ -6127,6 +6163,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #4b4b4b; color: #dedede; @@ -6162,6 +6199,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.429rem 0.429rem; border-radius: 3px; @@ -6176,15 +6214,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6192,19 +6234,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6264,6 +6311,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 24px; @@ -6279,6 +6327,7 @@ color: #212529; line-height: 24px; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6300,6 +6349,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6307,6 +6357,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #81D4FA; color: #212529; @@ -6339,6 +6390,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #323232; color: #dedede; diff --git a/src/assets/components/themes/luna-green/theme.css b/src/assets/components/themes/luna-green/theme.css index 2b0bbde89a9..0cb6cac4706 100644 --- a/src/assets/components/themes/luna-green/theme.css +++ b/src/assets/components/themes/luna-green/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.5; } + .p-error { color: #e57373; } + .p-text-secondary { color: #888888; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.429rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e57373; } + .p-autocomplete-panel { background: #323232; color: #dedede; @@ -427,9 +440,11 @@ color: #dedede; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e57373; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -437,19 +452,23 @@ color: #888888; right: 0.429rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #888888; right: 2.786rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #e57373; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #C5E1A5; } + .p-datepicker { padding: 0.857rem; background: #323232; @@ -476,23 +495,23 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #dedede; border-color: transparent; background: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #dedede; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 700; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #C5E1A5; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -567,7 +586,7 @@ .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.858rem; } @@ -664,10 +684,12 @@ color: #888888; right: 0.429rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #888888; right: 2.786rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e57373; } + .p-cascadeselect-panel { background: #323232; color: #dedede; @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #4b4b4b; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #4b4b4b; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #e57373; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.429rem; } @@ -768,6 +794,7 @@ color: #888888; right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #9CCC65; color: #212529; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e57373; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #4b4b4b; } @@ -831,15 +861,19 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #9CCC65; } + .p-checkbox-label { margin-left: 0.5rem; } + .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e57373; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #C5E1A5; } @@ -878,9 +912,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #e57373; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.429rem; } @@ -888,22 +924,26 @@ color: #888888; right: 0.429rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } + .p-dropdown { background: #191919; border: 1px solid #4b4b4b; @@ -947,6 +987,7 @@ .p-dropdown.p-invalid.p-component { border-color: #e57373; } + .p-dropdown-panel { background: #323232; color: #dedede; @@ -1010,6 +1051,7 @@ color: #dedede; background: transparent; } + .p-input-filled .p-dropdown { background: #4b4b4b; } @@ -1022,14 +1064,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #e57373; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #252525; color: #888888; @@ -1042,68 +1087,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #4b4b4b; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.429rem; color: #888888; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.429rem; color: #888888; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e57373; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.858rem; } @@ -1111,9 +1166,11 @@ color: #888888; right: 0.429rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #e57373; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 1.858rem; } @@ -1121,21 +1178,25 @@ color: #888888; right: 0.429rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.786rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.786rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 1.858rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1174,9 +1235,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #AED581; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e57373; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1209,54 +1272,69 @@ font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } + .p-float-label > label { left: 0.429rem; color: #9b9b9b; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #e57373; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.429rem; color: #888888; } + .p-input-icon-left > .p-inputtext { padding-left: 1.858rem; } + .p-input-icon-left.p-float-label > label { left: 1.858rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.429rem; color: #888888; } + .p-input-icon-right > .p-inputtext { padding-right: 1.858rem; } + .p-icon-field-left > .p-inputtext { padding-left: 1.858rem; } + .p-icon-field-left.p-float-label > label { left: 1.858rem; } + .p-icon-field-right > .p-inputtext { padding-right: 1.858rem; } + ::-webkit-input-placeholder { color: #9b9b9b; } + :-moz-placeholder { color: #9b9b9b; } + ::-moz-placeholder { color: #9b9b9b; } + :-ms-input-placeholder { color: #9b9b9b; } + .p-input-filled .p-inputtext { background-color: #4b4b4b; } @@ -1266,14 +1344,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #4b4b4b; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.375375rem 0.375375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } + .p-listbox { background: #323232; color: #dedede; @@ -1348,9 +1429,11 @@ box-shadow: 0 0 0 0.1rem white; border-color: #C5E1A5; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e57373; } + .p-multiselect { background: #191919; border: 1px solid #4b4b4b; @@ -1390,9 +1473,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.2145rem 0.429rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.429rem; } @@ -1400,6 +1485,7 @@ color: #888888; right: 2.357rem; } + .p-multiselect-panel { background: #323232; color: #dedede; @@ -1430,7 +1516,7 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -1488,6 +1574,7 @@ color: #dedede; background: transparent; } + .p-input-filled .p-multiselect { background: #4b4b4b; } @@ -1497,12 +1584,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #4b4b4b; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #e57373; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #e57373; } + .p-password-panel { padding: 0.571rem 1rem; background: #323232; @@ -1524,6 +1614,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #aed581; } + p-password.p-password-clearable .p-password-input { padding-right: 1.858rem; } @@ -1531,6 +1622,7 @@ color: #888888; right: 0.429rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.287rem; } @@ -1538,6 +1630,7 @@ color: #888888; right: 1.858rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1575,9 +1668,11 @@ background: #9CCC65; color: #212529; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #e57373; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #4b4b4b; } @@ -1590,12 +1685,15 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #9CCC65; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } + .p-rating { gap: 0.5rem; } @@ -1626,9 +1724,11 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; } + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #212529; } + .p-selectbutton .p-button { background: #252525; border: 1px solid #252525; @@ -1636,7 +1736,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #888888; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1645,7 +1745,7 @@ color: #dedede; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #dedede; } .p-selectbutton .p-button.p-highlight { @@ -1654,7 +1754,7 @@ color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #212529; } .p-selectbutton .p-button.p-highlight:hover { @@ -1663,12 +1763,14 @@ color: #212529; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #e57373; } + .p-slider { background: #4b4b4b; border: 0 none; @@ -1720,6 +1822,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #252525; border: 1px solid #252525; @@ -1727,7 +1830,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #888888; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1736,7 +1839,7 @@ color: #dedede; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #dedede; } .p-togglebutton.p-button.p-highlight { @@ -1745,7 +1848,7 @@ color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #212529; } .p-togglebutton.p-button.p-highlight:hover { @@ -1754,12 +1857,14 @@ color: #212529; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #e57373; } + .p-treeselect { background: #191919; border: 1px solid #4b4b4b; @@ -1796,12 +1901,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #e57373; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.2145rem 0.429rem; } + .p-treeselect-panel { background: #323232; color: #dedede; @@ -1837,7 +1945,7 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -1861,6 +1969,7 @@ color: #dedede; background: transparent; } + .p-input-filled .p-treeselect { background: #4b4b4b; } @@ -1870,6 +1979,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #4b4b4b; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.429rem; } @@ -1877,6 +1987,7 @@ color: #888888; right: 2.357rem; } + .p-button { color: #212529; background: #C5E1A5; @@ -1988,7 +2099,7 @@ padding: 0.429rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2015,6 +2126,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2027,414 +2139,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #121212; background: #b0bec5; border: 1px solid #b0bec5; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #90a4ae; color: #121212; border-color: #90a4ae; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #cfd8dc; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #78909c; color: #121212; border-color: #78909c; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #b0bec5; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); color: #b0bec5; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(176, 190, 197, 0.16); color: #b0bec5; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #b0bec5; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; color: #b0bec5; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; color: #b0bec5; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #212529; background: #4fc3f7; border: 1px solid #4fc3f7; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #29b6f6; color: #212529; border-color: #29b6f6; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #e1f5fe; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #03a9f4; color: #212529; border-color: #03a9f4; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #4fc3f7; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); color: #4fc3f7; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(79, 195, 247, 0.16); color: #4fc3f7; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #4fc3f7; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; color: #4fc3f7; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; color: #4fc3f7; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #212529; background: #aed581; border: 1px solid #aed581; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #9ccc65; color: #212529; border-color: #9ccc65; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #f1f8e9; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #8bc34a; color: #212529; border-color: #8bc34a; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #aed581; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); color: #aed581; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(174, 213, 129, 0.16); color: #aed581; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #aed581; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; color: #aed581; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; color: #aed581; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #ffb74d; border: 1px solid #ffb74d; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffa726; color: #212529; border-color: #ffa726; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #fffde7; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ff9800; color: #212529; border-color: #ff9800; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffb74d; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); color: #ffb74d; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 183, 77, 0.16); color: #ffb74d; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffb74d; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; color: #ffb74d; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; color: #ffb74d; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; background: #ce93d8; border: 1px solid #ce93d8; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #ba68c8; color: #121212; border-color: #ba68c8; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ce93d8; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #ab47bc; color: #121212; border-color: #ab47bc; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #ce93d8; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #ce93d8; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; color: #ce93d8; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; color: #ce93d8; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #212529; background: #e57373; border: 1px solid #e57373; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #ef5350; color: #212529; border-color: #ef5350; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #ffebee; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #f44336; color: #212529; border-color: #f44336; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #e57373; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); color: #e57373; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(229, 115, 115, 0.16); color: #e57373; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #e57373; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; color: #e57373; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; color: #e57373; } + .p-button.p-button-link { color: #C5E1A5; background: transparent; @@ -2458,6 +2577,7 @@ color: #C5E1A5; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2469,14 +2589,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2487,45 +2610,52 @@ background: #4d4d4d; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2603,6 +2733,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #b0bec5; @@ -2631,6 +2762,7 @@ border-color: transparent; color: #b0bec5; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #4fc3f7; @@ -2659,6 +2791,7 @@ border-color: transparent; color: #4fc3f7; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #aed581; @@ -2687,6 +2820,7 @@ border-color: transparent; color: #aed581; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffb74d; @@ -2715,6 +2849,7 @@ border-color: transparent; color: #ffb74d; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2743,6 +2878,7 @@ border-color: transparent; color: #ce93d8; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #e57373; @@ -2771,11 +2907,12 @@ border-color: transparent; color: #e57373; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -2783,13 +2920,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #dedede; border-color: transparent; background: transparent; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2815,6 +2952,7 @@ background: #C5E1A5; color: #212529; } + .p-datatable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -2908,29 +3046,29 @@ padding: 0.571rem 0.857rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #dedede; border-color: transparent; background: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2960,12 +3098,12 @@ background: #C5E1A5; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #191919; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #252525; } .p-datatable .p-datatable-loading-icon { @@ -3068,6 +3206,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.71375rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3106,14 +3245,16 @@ .p-dataview .p-dataview-emptymessage { padding: 0.571rem 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -3137,10 +3278,11 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -3156,6 +3298,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-column-filter-overlay { background: #323232; color: #dedede; @@ -3193,6 +3336,7 @@ border-top: 1px solid #4b4b4b; margin: 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.429rem 0.857rem; border-bottom: 1px solid #191919; @@ -3221,6 +3365,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.571rem 1rem; } + .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3306,6 +3451,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #4c4c4c; } + .p-orderlist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); @@ -3314,6 +3460,7 @@ background: #323232; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; @@ -3352,6 +3499,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-paginator { background: #252525; color: #dedede; @@ -3361,9 +3509,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #dedede; @@ -3374,9 +3522,9 @@ border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e0e0e0; border-color: transparent; color: #4c4c4c; @@ -3433,6 +3581,7 @@ border-color: transparent; color: #4c4c4c; } + .p-picklist .p-picklist-buttons { padding: 0.571rem 1rem; } @@ -3518,6 +3667,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #4c4c4c; } + .p-picklist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); @@ -3526,6 +3676,7 @@ background: #323232; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3537,19 +3688,20 @@ background-color: #191919; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #191919; background: #323232; @@ -3575,7 +3727,7 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -3606,11 +3758,11 @@ color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3683,6 +3835,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-treetable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3770,7 +3923,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -3822,7 +3975,7 @@ background: #C5E1A5; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #191919; } .p-treetable .p-treetable-loading-icon { @@ -3883,6 +4036,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.71375rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #191919; color: #dedede; @@ -3907,6 +4061,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 0.857rem 1rem; border: 1px solid #191919; @@ -3955,6 +4110,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 2px; } + .p-card { background: #323232; color: #dedede; @@ -3980,6 +4136,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #323232; } @@ -4003,6 +4160,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #191919; background: #323232; @@ -4043,6 +4201,7 @@ .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; } + .p-panel .p-panel-header { border: 1px solid #191919; padding: 0.857rem 1rem; @@ -4057,7 +4216,7 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -4109,6 +4268,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #3f3f3f; border: 0 none; @@ -4119,6 +4279,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-splitter { border: 1px solid #191919; background: #323232; @@ -4140,164 +4301,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #4b4b4b; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - background: #191919; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #dedede; - border: 1px solid #191919; - border-width: 2px; - background: #191919; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #888888; - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #C5E1A5; - color: #212529; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #dedede; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #C5E1A5; - } - .p-stepper .p-stepper-panels { - background: #323232; - padding: 0.571rem 1rem; - color: #dedede; - } - .p-stepper .p-stepper-separator { - background-color: #191919; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #323232; - color: #dedede; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #C5E1A5; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4366,6 +4370,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #191919; border: 1px solid #191919; @@ -4376,6 +4381,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #323232; color: #dedede; @@ -4423,6 +4429,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); @@ -4443,7 +4450,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -4495,6 +4502,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #323232; color: #dedede; @@ -4536,6 +4544,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #191919; } + .p-sidebar { background: #323232; color: #dedede; @@ -4546,23 +4555,23 @@ padding: 0.857rem 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #dedede; border-color: transparent; background: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4576,6 +4585,7 @@ .p-sidebar .p-sidebar-footer { padding: 0.857rem 1rem; } + .p-tooltip .p-tooltip-text { background: #4c4c4c; color: #dedede; @@ -4595,6 +4605,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4c4c4c; } + .p-fileupload .p-fileupload-buttonbar { background: #191919; padding: 0.857rem 1rem; @@ -4634,6 +4645,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #AED581; color: #212529; @@ -4644,6 +4656,7 @@ color: #212529; border-color: #9CCC65; } + .p-breadcrumb { background: #252525; border: 1px solid #191919; @@ -4675,6 +4688,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #dedede; } + .p-contextmenu { padding: 0; background: #252525; @@ -4722,7 +4736,7 @@ color: #212529; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4736,7 +4750,7 @@ color: #dedede; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4747,7 +4761,7 @@ color: #dedede; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-contextmenu .p-menuitem-separator { @@ -4761,6 +4775,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4784,31 +4799,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4867,7 +4883,7 @@ color: #212529; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4881,7 +4897,7 @@ color: #dedede; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4892,7 +4908,7 @@ color: #dedede; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-megamenu .p-megamenu-panel { @@ -4950,9 +4966,10 @@ color: #dedede; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } + .p-menu { padding: 0; background: #252525; @@ -4989,7 +5006,7 @@ color: #212529; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5003,7 +5020,7 @@ color: #dedede; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5014,7 +5031,7 @@ color: #dedede; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menu.p-menu-overlay { @@ -5048,6 +5065,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #252525; @@ -5086,7 +5104,7 @@ color: #dedede; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5117,7 +5135,7 @@ color: #212529; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5131,7 +5149,7 @@ color: #dedede; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5142,7 +5160,7 @@ color: #dedede; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-submenu-list { @@ -5159,6 +5177,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5333,7 +5352,7 @@ color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5347,7 +5366,7 @@ color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5358,7 +5377,7 @@ color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5374,6 +5393,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 2px; } + .p-slidemenu { padding: 0; background: #252525; @@ -5416,7 +5436,7 @@ color: #212529; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5430,7 +5450,7 @@ color: #dedede; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5441,7 +5461,7 @@ color: #dedede; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-slidemenu.p-slidemenu-overlay { @@ -5488,6 +5508,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -5532,6 +5553,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 0 none; @@ -5602,6 +5624,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; } + .p-tieredmenu { padding: 0; background: #252525; @@ -5652,7 +5675,7 @@ color: #212529; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5666,7 +5689,7 @@ color: #dedede; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5677,7 +5700,7 @@ color: #dedede; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-tieredmenu .p-menuitem-separator { @@ -5691,6 +5714,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem; margin: 0; @@ -5746,6 +5770,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5834,6 +5859,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5884,7 +5910,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-success { @@ -5894,7 +5920,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5904,7 +5930,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-error { @@ -5914,9 +5940,10 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #212121; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5947,7 +5974,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6004,7 +6031,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #aeb6bf; @@ -6014,7 +6041,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #aeb6bf; } @@ -6023,23 +6050,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6063,6 +6096,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #4b4b4b; border-radius: 3px; @@ -6083,9 +6117,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #323232; } + .p-badge { background: #C5E1A5; color: #212529; @@ -6127,6 +6163,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #4b4b4b; color: #dedede; @@ -6162,6 +6199,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.429rem 0.429rem; border-radius: 3px; @@ -6176,15 +6214,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6192,19 +6234,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6264,6 +6311,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 24px; @@ -6279,6 +6327,7 @@ color: #212529; line-height: 24px; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6300,6 +6349,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6307,6 +6357,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #C5E1A5; color: #212529; @@ -6339,6 +6390,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #323232; color: #dedede; diff --git a/src/assets/components/themes/luna-pink/theme.css b/src/assets/components/themes/luna-pink/theme.css index d48751e4266..c01ee81a68b 100644 --- a/src/assets/components/themes/luna-pink/theme.css +++ b/src/assets/components/themes/luna-pink/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.5; } + .p-error { color: #e57373; } + .p-text-secondary { color: #888888; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.429rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e57373; } + .p-autocomplete-panel { background: #323232; color: #dedede; @@ -427,9 +440,11 @@ color: #dedede; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e57373; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -437,19 +452,23 @@ color: #888888; right: 0.429rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #888888; right: 2.786rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #e57373; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #F48FB1; } + .p-datepicker { padding: 0.857rem; background: #323232; @@ -476,23 +495,23 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #dedede; border-color: transparent; background: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #dedede; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 700; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #F48FB1; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -567,7 +586,7 @@ .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.858rem; } @@ -664,10 +684,12 @@ color: #888888; right: 0.429rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #888888; right: 2.786rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e57373; } + .p-cascadeselect-panel { background: #323232; color: #dedede; @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #4b4b4b; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #4b4b4b; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #e57373; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.429rem; } @@ -768,6 +794,7 @@ color: #888888; right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #EC407A; color: #212529; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e57373; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #4b4b4b; } @@ -831,15 +861,19 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #EC407A; } + .p-checkbox-label { margin-left: 0.5rem; } + .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e57373; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #F48FB1; } @@ -878,9 +912,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #e57373; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.429rem; } @@ -888,22 +924,26 @@ color: #888888; right: 0.429rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } + .p-dropdown { background: #191919; border: 1px solid #4b4b4b; @@ -947,6 +987,7 @@ .p-dropdown.p-invalid.p-component { border-color: #e57373; } + .p-dropdown-panel { background: #323232; color: #dedede; @@ -1010,6 +1051,7 @@ color: #dedede; background: transparent; } + .p-input-filled .p-dropdown { background: #4b4b4b; } @@ -1022,14 +1064,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #e57373; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #252525; color: #888888; @@ -1042,68 +1087,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #4b4b4b; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.429rem; color: #888888; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.429rem; color: #888888; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e57373; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.858rem; } @@ -1111,9 +1166,11 @@ color: #888888; right: 0.429rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #e57373; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 1.858rem; } @@ -1121,21 +1178,25 @@ color: #888888; right: 0.429rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.786rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.786rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 1.858rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1174,9 +1235,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #F06292; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e57373; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1209,54 +1272,69 @@ font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } + .p-float-label > label { left: 0.429rem; color: #9b9b9b; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #e57373; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.429rem; color: #888888; } + .p-input-icon-left > .p-inputtext { padding-left: 1.858rem; } + .p-input-icon-left.p-float-label > label { left: 1.858rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.429rem; color: #888888; } + .p-input-icon-right > .p-inputtext { padding-right: 1.858rem; } + .p-icon-field-left > .p-inputtext { padding-left: 1.858rem; } + .p-icon-field-left.p-float-label > label { left: 1.858rem; } + .p-icon-field-right > .p-inputtext { padding-right: 1.858rem; } + ::-webkit-input-placeholder { color: #9b9b9b; } + :-moz-placeholder { color: #9b9b9b; } + ::-moz-placeholder { color: #9b9b9b; } + :-ms-input-placeholder { color: #9b9b9b; } + .p-input-filled .p-inputtext { background-color: #4b4b4b; } @@ -1266,14 +1344,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #4b4b4b; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.375375rem 0.375375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } + .p-listbox { background: #323232; color: #dedede; @@ -1348,9 +1429,11 @@ box-shadow: 0 0 0 0.1rem white; border-color: #F48FB1; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e57373; } + .p-multiselect { background: #191919; border: 1px solid #4b4b4b; @@ -1390,9 +1473,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.2145rem 0.429rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.429rem; } @@ -1400,6 +1485,7 @@ color: #888888; right: 2.357rem; } + .p-multiselect-panel { background: #323232; color: #dedede; @@ -1430,7 +1516,7 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -1488,6 +1574,7 @@ color: #dedede; background: transparent; } + .p-input-filled .p-multiselect { background: #4b4b4b; } @@ -1497,12 +1584,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #4b4b4b; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #e57373; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #e57373; } + .p-password-panel { padding: 0.571rem 1rem; background: #323232; @@ -1524,6 +1614,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #aed581; } + p-password.p-password-clearable .p-password-input { padding-right: 1.858rem; } @@ -1531,6 +1622,7 @@ color: #888888; right: 0.429rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.287rem; } @@ -1538,6 +1630,7 @@ color: #888888; right: 1.858rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1575,9 +1668,11 @@ background: #EC407A; color: #212529; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #e57373; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #4b4b4b; } @@ -1590,12 +1685,15 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #EC407A; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; } + .p-rating { gap: 0.5rem; } @@ -1626,9 +1724,11 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; } + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #212529; } + .p-selectbutton .p-button { background: #252525; border: 1px solid #252525; @@ -1636,7 +1736,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #888888; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1645,7 +1745,7 @@ color: #dedede; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #dedede; } .p-selectbutton .p-button.p-highlight { @@ -1654,7 +1754,7 @@ color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #212529; } .p-selectbutton .p-button.p-highlight:hover { @@ -1663,12 +1763,14 @@ color: #212529; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #e57373; } + .p-slider { background: #4b4b4b; border: 0 none; @@ -1720,6 +1822,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #252525; border: 1px solid #252525; @@ -1727,7 +1830,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #888888; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1736,7 +1839,7 @@ color: #dedede; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #dedede; } .p-togglebutton.p-button.p-highlight { @@ -1745,7 +1848,7 @@ color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #212529; } .p-togglebutton.p-button.p-highlight:hover { @@ -1754,12 +1857,14 @@ color: #212529; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #e57373; } + .p-treeselect { background: #191919; border: 1px solid #4b4b4b; @@ -1796,12 +1901,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #e57373; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.2145rem 0.429rem; } + .p-treeselect-panel { background: #323232; color: #dedede; @@ -1837,7 +1945,7 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -1861,6 +1969,7 @@ color: #dedede; background: transparent; } + .p-input-filled .p-treeselect { background: #4b4b4b; } @@ -1870,6 +1979,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #4b4b4b; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.429rem; } @@ -1877,6 +1987,7 @@ color: #888888; right: 2.357rem; } + .p-button { color: #212529; background: #F48FB1; @@ -1988,7 +2099,7 @@ padding: 0.429rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2015,6 +2126,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2027,414 +2139,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #121212; background: #b0bec5; border: 1px solid #b0bec5; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #90a4ae; color: #121212; border-color: #90a4ae; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #cfd8dc; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #78909c; color: #121212; border-color: #78909c; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #b0bec5; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); color: #b0bec5; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(176, 190, 197, 0.16); color: #b0bec5; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #b0bec5; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; color: #b0bec5; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; color: #b0bec5; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #212529; background: #4fc3f7; border: 1px solid #4fc3f7; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #29b6f6; color: #212529; border-color: #29b6f6; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #e1f5fe; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #03a9f4; color: #212529; border-color: #03a9f4; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #4fc3f7; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); color: #4fc3f7; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(79, 195, 247, 0.16); color: #4fc3f7; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #4fc3f7; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; color: #4fc3f7; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; color: #4fc3f7; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #212529; background: #aed581; border: 1px solid #aed581; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #9ccc65; color: #212529; border-color: #9ccc65; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #f1f8e9; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #8bc34a; color: #212529; border-color: #8bc34a; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #aed581; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); color: #aed581; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(174, 213, 129, 0.16); color: #aed581; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #aed581; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; color: #aed581; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; color: #aed581; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #ffb74d; border: 1px solid #ffb74d; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffa726; color: #212529; border-color: #ffa726; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #fffde7; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ff9800; color: #212529; border-color: #ff9800; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffb74d; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); color: #ffb74d; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 183, 77, 0.16); color: #ffb74d; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffb74d; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; color: #ffb74d; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; color: #ffb74d; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; background: #ce93d8; border: 1px solid #ce93d8; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #ba68c8; color: #121212; border-color: #ba68c8; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ce93d8; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #ab47bc; color: #121212; border-color: #ab47bc; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #ce93d8; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #ce93d8; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; color: #ce93d8; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; color: #ce93d8; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #212529; background: #e57373; border: 1px solid #e57373; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #ef5350; color: #212529; border-color: #ef5350; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #ffebee; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #f44336; color: #212529; border-color: #f44336; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #e57373; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); color: #e57373; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(229, 115, 115, 0.16); color: #e57373; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #e57373; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; color: #e57373; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; color: #e57373; } + .p-button.p-button-link { color: #F48FB1; background: transparent; @@ -2458,6 +2577,7 @@ color: #F48FB1; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2469,14 +2589,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2487,45 +2610,52 @@ background: #4d4d4d; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2603,6 +2733,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #b0bec5; @@ -2631,6 +2762,7 @@ border-color: transparent; color: #b0bec5; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #4fc3f7; @@ -2659,6 +2791,7 @@ border-color: transparent; color: #4fc3f7; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #aed581; @@ -2687,6 +2820,7 @@ border-color: transparent; color: #aed581; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffb74d; @@ -2715,6 +2849,7 @@ border-color: transparent; color: #ffb74d; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2743,6 +2878,7 @@ border-color: transparent; color: #ce93d8; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #e57373; @@ -2771,11 +2907,12 @@ border-color: transparent; color: #e57373; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -2783,13 +2920,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #dedede; border-color: transparent; background: transparent; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2815,6 +2952,7 @@ background: #F48FB1; color: #212529; } + .p-datatable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -2908,29 +3046,29 @@ padding: 0.571rem 0.857rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #dedede; border-color: transparent; background: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2960,12 +3098,12 @@ background: #F48FB1; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #191919; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #252525; } .p-datatable .p-datatable-loading-icon { @@ -3068,6 +3206,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.71375rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3106,14 +3245,16 @@ .p-dataview .p-dataview-emptymessage { padding: 0.571rem 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -3137,10 +3278,11 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -3156,6 +3298,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-column-filter-overlay { background: #323232; color: #dedede; @@ -3193,6 +3336,7 @@ border-top: 1px solid #4b4b4b; margin: 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.429rem 0.857rem; border-bottom: 1px solid #191919; @@ -3221,6 +3365,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.571rem 1rem; } + .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3306,6 +3451,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #4c4c4c; } + .p-orderlist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); @@ -3314,6 +3460,7 @@ background: #323232; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; @@ -3352,6 +3499,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-paginator { background: #252525; color: #dedede; @@ -3361,9 +3509,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #dedede; @@ -3374,9 +3522,9 @@ border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e0e0e0; border-color: transparent; color: #4c4c4c; @@ -3433,6 +3581,7 @@ border-color: transparent; color: #4c4c4c; } + .p-picklist .p-picklist-buttons { padding: 0.571rem 1rem; } @@ -3518,6 +3667,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #4c4c4c; } + .p-picklist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); @@ -3526,6 +3676,7 @@ background: #323232; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3537,19 +3688,20 @@ background-color: #191919; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #191919; background: #323232; @@ -3575,7 +3727,7 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -3606,11 +3758,11 @@ color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3683,6 +3835,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-treetable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3770,7 +3923,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -3822,7 +3975,7 @@ background: #F48FB1; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #191919; } .p-treetable .p-treetable-loading-icon { @@ -3883,6 +4036,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.71375rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #191919; color: #dedede; @@ -3907,6 +4061,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 0.857rem 1rem; border: 1px solid #191919; @@ -3955,6 +4110,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 2px; } + .p-card { background: #323232; color: #dedede; @@ -3980,6 +4136,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #323232; } @@ -4003,6 +4160,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #191919; background: #323232; @@ -4043,6 +4201,7 @@ .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; } + .p-panel .p-panel-header { border: 1px solid #191919; padding: 0.857rem 1rem; @@ -4057,7 +4216,7 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -4109,6 +4268,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #3f3f3f; border: 0 none; @@ -4119,6 +4279,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-splitter { border: 1px solid #191919; background: #323232; @@ -4140,164 +4301,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #4b4b4b; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - background: #191919; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #dedede; - border: 1px solid #191919; - border-width: 2px; - background: #191919; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #888888; - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #F48FB1; - color: #212529; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #dedede; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #F48FB1; - } - .p-stepper .p-stepper-panels { - background: #323232; - padding: 0.571rem 1rem; - color: #dedede; - } - .p-stepper .p-stepper-separator { - background-color: #191919; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #323232; - color: #dedede; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #F48FB1; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4366,6 +4370,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #191919; border: 1px solid #191919; @@ -4376,6 +4381,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #323232; color: #dedede; @@ -4423,6 +4429,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); @@ -4443,7 +4450,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; @@ -4495,6 +4502,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #323232; color: #dedede; @@ -4536,6 +4544,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #191919; } + .p-sidebar { background: #323232; color: #dedede; @@ -4546,23 +4555,23 @@ padding: 0.857rem 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; - color: rgba(136, 136, 136, 0.5333333333); + color: #8888; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #dedede; border-color: transparent; background: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4576,6 +4585,7 @@ .p-sidebar .p-sidebar-footer { padding: 0.857rem 1rem; } + .p-tooltip .p-tooltip-text { background: #4c4c4c; color: #dedede; @@ -4595,6 +4605,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4c4c4c; } + .p-fileupload .p-fileupload-buttonbar { background: #191919; padding: 0.857rem 1rem; @@ -4634,6 +4645,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #F06292; color: #212529; @@ -4644,6 +4656,7 @@ color: #212529; border-color: #EC407A; } + .p-breadcrumb { background: #252525; border: 1px solid #191919; @@ -4675,6 +4688,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #dedede; } + .p-contextmenu { padding: 0; background: #252525; @@ -4722,7 +4736,7 @@ color: #212529; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4736,7 +4750,7 @@ color: #dedede; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4747,7 +4761,7 @@ color: #dedede; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-contextmenu .p-menuitem-separator { @@ -4761,6 +4775,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4784,31 +4799,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4867,7 +4883,7 @@ color: #212529; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4881,7 +4897,7 @@ color: #dedede; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4892,7 +4908,7 @@ color: #dedede; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-megamenu .p-megamenu-panel { @@ -4950,9 +4966,10 @@ color: #dedede; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } + .p-menu { padding: 0; background: #252525; @@ -4989,7 +5006,7 @@ color: #212529; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5003,7 +5020,7 @@ color: #dedede; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5014,7 +5031,7 @@ color: #dedede; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menu.p-menu-overlay { @@ -5048,6 +5065,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #252525; @@ -5086,7 +5104,7 @@ color: #dedede; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5117,7 +5135,7 @@ color: #212529; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5131,7 +5149,7 @@ color: #dedede; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5142,7 +5160,7 @@ color: #dedede; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-submenu-list { @@ -5159,6 +5177,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5333,7 +5352,7 @@ color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5347,7 +5366,7 @@ color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5358,7 +5377,7 @@ color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5374,6 +5393,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 2px; } + .p-slidemenu { padding: 0; background: #252525; @@ -5416,7 +5436,7 @@ color: #212529; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5430,7 +5450,7 @@ color: #dedede; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5441,7 +5461,7 @@ color: #dedede; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-slidemenu.p-slidemenu-overlay { @@ -5488,6 +5508,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -5532,6 +5553,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 0 none; @@ -5602,6 +5624,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; } + .p-tieredmenu { padding: 0; background: #252525; @@ -5652,7 +5675,7 @@ color: #212529; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5666,7 +5689,7 @@ color: #dedede; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5677,7 +5700,7 @@ color: #dedede; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-tieredmenu .p-menuitem-separator { @@ -5691,6 +5714,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem; margin: 0; @@ -5746,6 +5770,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5834,6 +5859,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5884,7 +5910,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-success { @@ -5894,7 +5920,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5904,7 +5930,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-error { @@ -5914,9 +5940,10 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #212121; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5947,7 +5974,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6004,7 +6031,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #aeb6bf; @@ -6014,7 +6041,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #aeb6bf; } @@ -6023,23 +6050,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6063,6 +6096,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #4b4b4b; border-radius: 3px; @@ -6083,9 +6117,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #323232; } + .p-badge { background: #F48FB1; color: #212529; @@ -6127,6 +6163,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #4b4b4b; color: #dedede; @@ -6162,6 +6199,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.429rem 0.429rem; border-radius: 3px; @@ -6176,15 +6214,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6192,19 +6234,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6264,6 +6311,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 24px; @@ -6279,6 +6327,7 @@ color: #212529; line-height: 24px; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6300,6 +6349,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6307,6 +6357,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #F48FB1; color: #212529; @@ -6339,6 +6390,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #323232; color: #dedede; diff --git a/src/assets/components/themes/md-dark-deeppurple/theme.css b/src/assets/components/themes/md-dark-deeppurple/theme.css index 61190846382..30f2740804e 100644 --- a/src/assets/components/themes/md-dark-deeppurple/theme.css +++ b/src/assets/components/themes/md-dark-deeppurple/theme.css @@ -54,21 +54,24 @@ font-family: "Roboto"; font-style: normal; font-weight: 400; - src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500 - latin-ext_latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; - src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-700 - latin-ext_latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; - src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } :root { --blue-50:#f4fafe; @@ -241,7 +244,7 @@ } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 1rem 1rem; @@ -296,32 +299,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.32); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.38; } + .p-error { color: #f44435; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -333,12 +344,15 @@ outline-offset: 0; box-shadow: none; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -355,6 +369,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 1rem; } @@ -387,7 +402,7 @@ } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.5rem 1rem; - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -395,12 +410,13 @@ margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: hsla(0, 0%, 100%, 0.24); + background: rgba(255, 255, 255, 0.24); color: rgba(255, 255, 255, 0.87); } .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44435; } + .p-autocomplete-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -429,11 +445,11 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -447,9 +463,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44435; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 3rem; } @@ -457,24 +475,28 @@ color: rgba(255, 255, 255, 0.6); right: 1rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 4rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #f44435; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #CE93D8; } + .p-datepicker { padding: 0.5rem; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; } .p-datepicker:not(.p-datepicker-inline) { @@ -491,12 +513,12 @@ background: #1e1e1e; font-weight: 500; margin: 0; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-top-right-radius: 4px; border-top-left-radius: 4px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2.5rem; height: 2.5rem; color: rgba(255, 255, 255, 0.6); @@ -506,13 +528,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -521,14 +543,14 @@ line-height: 2.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 500; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #CE93D8; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -575,13 +597,13 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); padding: 0.5rem; } .p-datepicker .p-timepicker button { @@ -640,7 +662,7 @@ background: rgba(206, 147, 216, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid hsla(0, 0%, 100%, 0.12); + border-left: 1px solid rgba(255, 255, 255, 0.12); padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -677,6 +699,7 @@ outline-offset: 0; box-shadow: none; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 3rem; } @@ -684,10 +707,12 @@ color: rgba(255, 255, 255, 0.6); right: 1rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 4rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -695,7 +720,7 @@ } .p-cascadeselect { background: #1e1e1e; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } @@ -730,6 +755,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f44435; } + .p-cascadeselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -757,11 +783,11 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 1rem 1rem; @@ -769,18 +795,21 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { - background: hsla(0, 0%, 100%, 0.06); + background: rgba(255, 255, 255, 0.06); } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f44435; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 1rem; } @@ -788,6 +817,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -796,12 +826,13 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 18px; height: 18px; } .p-checkbox .p-checkbox-box { - border: 2px solid hsla(0, 0%, 100%, 0.7); + border: 2px solid rgba(255, 255, 255, 0.7); background: #1e1e1e; width: 18px; height: 18px; @@ -836,27 +867,32 @@ background: #CE93D8; color: #121212; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44435; } + .p-input-filled .p-checkbox .p-checkbox-box { - background-color: hsla(0, 0%, 100%, 0.06); + background-color: rgba(255, 255, 255, 0.06); } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #CE93D8; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #CE93D8; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44435; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(255, 255, 255, 0.6); } @@ -873,12 +909,12 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.5rem 1rem; margin-right: 0.5rem; - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: hsla(0, 0%, 100%, 0.24); + background: rgba(255, 255, 255, 0.24); color: rgba(255, 255, 255, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -895,9 +931,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #f44435; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 2rem; } @@ -905,25 +943,29 @@ color: rgba(255, 255, 255, 0.6); right: 1rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #2b2b2b; border: 1px solid #1e1e1e; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #1e1e1e; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } @@ -964,6 +1006,7 @@ .p-dropdown.p-invalid.p-component { border-color: #f44435; } + .p-dropdown-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -973,7 +1016,7 @@ } .p-dropdown-panel .p-dropdown-header { padding: 1rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1009,11 +1052,11 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -1027,100 +1070,114 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { - background: hsla(0, 0%, 100%, 0.06); + background: rgba(255, 255, 255, 0.06); } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #f44435; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); - border-top: 1px solid hsla(0, 0%, 100%, 0.3); - border-left: 1px solid hsla(0, 0%, 100%, 0.3); - border-bottom: 1px solid hsla(0, 0%, 100%, 0.3); + border-top: 1px solid rgba(255, 255, 255, 0.3); + border-left: 1px solid rgba(255, 255, 255, 0.3); + border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 1rem 1rem; min-width: 2.357rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid hsla(0, 0%, 100%, 0.3); + border-right: 1px solid rgba(255, 255, 255, 0.3); } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 1rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 1rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44435; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 3rem; } @@ -1128,9 +1185,11 @@ color: rgba(255, 255, 255, 0.6); right: 1rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #f44435; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 3rem; } @@ -1138,27 +1197,31 @@ color: rgba(255, 255, 255, 0.6); right: 1rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 4rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 4rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 3rem; } + .p-inputswitch { width: 2.75rem; height: 1rem; } .p-inputswitch .p-inputswitch-slider { - background: hsla(0, 0%, 100%, 0.3); + background: rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 0.5rem; } @@ -1180,7 +1243,7 @@ box-shadow: none; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: hsla(0, 0%, 100%, 0.3); + background: rgba(255, 255, 255, 0.3); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: rgba(206, 147, 216, 0.5); @@ -1191,9 +1254,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: rgba(206, 147, 216, 0.5); } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f44435; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1201,7 +1266,7 @@ color: rgba(255, 255, 255, 0.87); background: #1e1e1e; padding: 1rem 1rem; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); appearance: none; border-radius: 4px; @@ -1226,81 +1291,99 @@ font-size: 1.25rem; padding: 1.25rem 1.25rem; } + .p-float-label > label { left: 1rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #f44435; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 1rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 3rem; } + .p-input-icon-left.p-float-label > label { left: 3rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 1rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 3rem; } + .p-icon-field-left > .p-inputtext { padding-left: 3rem; } + .p-icon-field-left.p-float-label > label { left: 3rem; } + .p-icon-field-right > .p-inputtext { padding-right: 3rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { - background-color: hsla(0, 0%, 100%, 0.06); + background-color: rgba(255, 255, 255, 0.06); } .p-input-filled .p-inputtext:enabled:hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-inputtext:enabled:focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.875rem 0.875rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 1.25rem 1.25rem; } + .p-listbox { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 1rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #1e1e1e; margin: 0; @@ -1353,11 +1436,11 @@ } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-listbox.p-focus { outline: 0 none; @@ -1365,12 +1448,14 @@ box-shadow: none; border-color: #CE93D8; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44435; } + .p-multiselect { background: #1e1e1e; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } @@ -1393,7 +1478,7 @@ .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.5rem 1rem; margin-right: 0.5rem; - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1407,9 +1492,11 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.5rem 1rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 2rem; } @@ -1417,6 +1504,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-multiselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1426,7 +1514,7 @@ } .p-multiselect-panel .p-multiselect-header { padding: 1rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1484,11 +1572,11 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1505,21 +1593,25 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { - background: hsla(0, 0%, 100%, 0.06); + background: rgba(255, 255, 255, 0.06); } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #f44435; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #f44435; } + .p-password-panel { padding: 1rem; background: #1e1e1e; @@ -1541,6 +1633,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } + p-password.p-password-clearable .p-password-input { padding-right: 3rem; } @@ -1548,6 +1641,7 @@ color: rgba(255, 255, 255, 0.6); right: 1rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 5rem; } @@ -1555,12 +1649,13 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-radiobutton { width: 20px; height: 20px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid hsla(0, 0%, 100%, 0.7); + border: 2px solid rgba(255, 255, 255, 0.7); background: #1e1e1e; width: 20px; height: 20px; @@ -1592,14 +1687,16 @@ background: #121212; color: #CE93D8; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #f44435; } + .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: hsla(0, 0%, 100%, 0.06); + background-color: rgba(255, 255, 255, 0.06); } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #121212; @@ -1607,9 +1704,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #121212; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1640,6 +1739,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f44435; } + .p-selectbutton .p-button { background: #2f2f2f; border: 1px solid rgba(255, 255, 255, 0.12); @@ -1647,7 +1747,7 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1656,7 +1756,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1665,7 +1765,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight:hover { @@ -1674,14 +1774,16 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #f44435; } + .p-slider { - background: hsla(0, 0%, 100%, 0.3); + background: rgba(255, 255, 255, 0.3); border: 0 none; border-radius: 4px; } @@ -1731,6 +1833,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #2f2f2f; border: 1px solid rgba(255, 255, 255, 0.12); @@ -1738,7 +1841,7 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1747,7 +1850,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1756,7 +1859,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight:hover { @@ -1765,15 +1868,17 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #f44435; } + .p-treeselect { background: #1e1e1e; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } @@ -1796,7 +1901,7 @@ .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.5rem 1rem; margin-right: 0.5rem; - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1807,12 +1912,15 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #f44435; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.5rem 1rem; } + .p-treeselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1822,7 +1930,7 @@ } .p-treeselect-panel .p-treeselect-header { padding: 1rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1872,15 +1980,17 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { - background: hsla(0, 0%, 100%, 0.06); + background: rgba(255, 255, 255, 0.06); } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 2rem; } @@ -1888,6 +1998,7 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-button { color: #121212; background: #CE93D8; @@ -1999,7 +2110,7 @@ padding: 0.714rem; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2026,6 +2137,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2038,414 +2150,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #121212; background: #A5D6A7; border: 0 none; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: rgba(165, 214, 167, 0.92); color: #121212; border-color: transparent; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: rgba(165, 214, 167, 0.68); color: #121212; border-color: transparent; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #A5D6A7; border: 0 none; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(165, 214, 167, 0.04); color: #A5D6A7; border: 0 none; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(165, 214, 167, 0.16); color: #A5D6A7; border: 0 none; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #A5D6A7; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(165, 214, 167, 0.04); border-color: transparent; color: #A5D6A7; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(165, 214, 167, 0.16); border-color: transparent; color: #A5D6A7; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #212121; background: #90caf9; border: 0 none; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #90caf9; border: 0 none; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); color: #90caf9; border: 0 none; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(144, 202, 249, 0.16); color: #90caf9; border: 0 none; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #90caf9; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; color: #90caf9; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; color: #90caf9; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #212121; background: #c5e1a5; border: 0 none; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #c5e1a5; border: 0 none; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); color: #c5e1a5; border: 0 none; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); color: #c5e1a5; border: 0 none; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #c5e1a5; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; color: #c5e1a5; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; color: #c5e1a5; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212121; background: #fff59d; border: 0 none; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #fff59d; border: 0 none; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); color: #fff59d; border: 0 none; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 245, 157, 0.16); color: #fff59d; border: 0 none; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #fff59d; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; color: #fff59d; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; color: #fff59d; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #212121; background: #ce93d8; border: 0 none; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #ce93d8; border: 0 none; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #ce93d8; border: 0 none; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #ce93d8; border: 0 none; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #ce93d8; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; color: #ce93d8; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; color: #ce93d8; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #212121; background: #ef9a9a; border: 0 none; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #ef9a9a; border: 0 none; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); color: #ef9a9a; border: 0 none; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 154, 154, 0.16); color: #ef9a9a; border: 0 none; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #ef9a9a; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; color: #ef9a9a; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; color: #ef9a9a; } + .p-button.p-button-link { color: #CE93D8; background: transparent; @@ -2469,6 +2588,7 @@ color: #CE93D8; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2480,14 +2600,17 @@ width: 2rem; height: 2rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: none; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2498,45 +2621,52 @@ background: rgba(165, 214, 167, 0.92); color: #212121; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.32); } + .p-splitbutton { border-radius: 4px; } @@ -2614,6 +2744,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #A5D6A7; @@ -2642,6 +2773,7 @@ border-color: transparent; color: #A5D6A7; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #90caf9; @@ -2670,6 +2802,7 @@ border-color: transparent; color: #90caf9; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2698,6 +2831,7 @@ border-color: transparent; color: #c5e1a5; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fff59d; @@ -2726,6 +2860,7 @@ border-color: transparent; color: #fff59d; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2754,6 +2889,7 @@ border-color: transparent; color: #ce93d8; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef9a9a; @@ -2782,8 +2918,9 @@ border-color: transparent; color: #ef9a9a; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2.5rem; height: 2.5rem; color: rgba(255, 255, 255, 0.6); @@ -2794,13 +2931,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2826,6 +2963,7 @@ background: rgba(206, 147, 216, 0.16); color: #CE93D8; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2919,9 +3057,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2.5rem; height: 2.5rem; color: rgba(255, 255, 255, 0.6); @@ -2931,17 +3069,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2971,12 +3109,12 @@ background: #CE93D8; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #1e1e1e; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #1e1e1e; } .p-datatable .p-datatable-loading-icon { @@ -3079,6 +3217,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3117,10 +3256,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2.5rem; height: 2.5rem; @@ -3148,6 +3289,7 @@ outline-offset: 0; box-shadow: none; } + .p-column-filter-clear-button { width: 2.5rem; height: 2.5rem; @@ -3167,6 +3309,7 @@ outline-offset: 0; box-shadow: none; } + .p-column-filter-overlay { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -3193,7 +3336,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; @@ -3201,12 +3344,13 @@ box-shadow: none; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 1rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -3215,7 +3359,7 @@ } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3232,6 +3376,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3289,12 +3434,12 @@ transition: none; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #CE93D8; @@ -3308,15 +3453,16 @@ color: rgba(255, 255, 255, 0.87); } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.02); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } + .p-orderlist-item.cdk-drag-preview { padding: 1rem 1rem; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); @@ -3325,8 +3471,9 @@ background: #1e1e1e; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { @@ -3363,6 +3510,7 @@ outline-offset: 0; box-shadow: none; } + .p-paginator { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3372,9 +3520,9 @@ border-radius: 4px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3385,9 +3533,9 @@ border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); border-color: transparent; color: rgba(255, 255, 255, 0.6); @@ -3444,6 +3592,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.6); } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3501,12 +3650,12 @@ transition: none; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #CE93D8; @@ -3520,15 +3669,16 @@ color: rgba(255, 255, 255, 0.87); } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: rgba(255, 255, 255, 0.02); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } + .p-picklist-item.cdk-drag-preview { padding: 1rem 1rem; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); @@ -3537,6 +3687,7 @@ background: #1e1e1e; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3548,19 +3699,20 @@ background-color: #bdbdbd; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; @@ -3617,19 +3769,19 @@ color: #CE93D8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #CE93D8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #CE93D8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-filter-container { @@ -3686,7 +3838,7 @@ color: inherit; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { @@ -3694,6 +3846,7 @@ outline-offset: 0; box-shadow: none; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3833,7 +3986,7 @@ background: #CE93D8; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #1e1e1e; } .p-treetable .p-treetable-loading-icon { @@ -3894,6 +4047,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3918,6 +4072,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.5rem; border: 0 none; @@ -3990,6 +4145,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-card { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4015,6 +4171,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #1e1e1e; } @@ -4023,7 +4180,7 @@ padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px hsla(0, 0%, 100%, 0.12); + border-top: 1px rgba(255, 255, 255, 0.12); } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -4033,11 +4190,12 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px hsla(0, 0%, 100%, 0.12); + border-left: 1px rgba(255, 255, 255, 0.12); } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; @@ -4078,6 +4236,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid rgba(255, 255, 255, 0.12); padding: 1rem; @@ -4144,6 +4303,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: rgba(255, 255, 255, 0.12); border: 0 none; @@ -4154,6 +4314,7 @@ outline-offset: 0; box-shadow: none; } + .p-splitter { border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; @@ -4162,10 +4323,10 @@ } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; @@ -4173,166 +4334,9 @@ box-shadow: none; } .p-splitter .p-splitter-gutter-resizing { - background: hsla(0, 0%, 100%, 0.12); - } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: none; - border-radius: 4px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 1px solid transparent; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.87); - font-weight: 500; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #CE93D8; - } - .p-stepper .p-stepper-panels { - background: transparent; - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #bdbdbd; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: none; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: transparent; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #CE93D8; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; + background: rgba(255, 255, 255, 0.12); } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4401,6 +4405,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-toolbar { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4411,6 +4416,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4458,6 +4464,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 4px; box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4530,6 +4537,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4571,6 +4579,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #262626; } + .p-sidebar { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4581,7 +4590,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2.5rem; height: 2.5rem; color: rgba(255, 255, 255, 0.6); @@ -4591,13 +4600,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4611,6 +4620,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #444444; color: rgba(255, 255, 255, 0.87); @@ -4630,6 +4640,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #444444; } + .p-fileupload .p-fileupload-buttonbar { background: #1e1e1e; padding: 1rem; @@ -4669,6 +4680,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: rgba(206, 147, 216, 0.92); color: #121212; @@ -4679,6 +4691,7 @@ color: #121212; border-color: transparent; } + .p-breadcrumb { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4710,6 +4723,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.5rem 0; background: #2b2b2b; @@ -4757,7 +4771,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4765,13 +4779,13 @@ } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4782,11 +4796,11 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { @@ -4796,6 +4810,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4819,31 +4834,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4902,7 +4918,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4910,13 +4926,13 @@ } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4927,7 +4943,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-megamenu .p-megamenu-panel { @@ -4950,7 +4966,7 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-megamenu.p-megamenu-vertical { @@ -4985,9 +5001,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } + .p-menu { padding: 0.5rem 0; background: #1e1e1e; @@ -5024,7 +5041,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5032,13 +5049,13 @@ } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5049,7 +5066,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menu.p-menu-overlay { @@ -5067,7 +5084,7 @@ border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-menu .p-menuitem-badge { @@ -5083,6 +5100,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 1rem; background: #1e1e1e; @@ -5121,7 +5139,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5152,7 +5170,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5160,13 +5178,13 @@ } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5177,7 +5195,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-submenu-list { @@ -5188,12 +5206,13 @@ width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5225,7 +5244,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -5368,7 +5387,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5376,13 +5395,13 @@ } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5393,14 +5412,14 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5433,6 +5452,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-slidemenu { padding: 0.5rem 0; background: #1e1e1e; @@ -5475,7 +5495,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5483,13 +5503,13 @@ } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5500,7 +5520,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-slidemenu.p-slidemenu-overlay { @@ -5515,7 +5535,7 @@ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5547,6 +5567,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5583,7 +5604,7 @@ } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); width: 100%; top: 50%; left: 0; @@ -5591,6 +5612,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: solid rgba(255, 255, 255, 0.12); @@ -5661,6 +5683,7 @@ outline-offset: 0; box-shadow: inset none; } + .p-tieredmenu { padding: 0.5rem 0; background: #1e1e1e; @@ -5711,7 +5734,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5719,13 +5742,13 @@ } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5736,11 +5759,11 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5750,6 +5773,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 1rem 1rem; margin: 0; @@ -5805,6 +5829,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 4px; @@ -5893,6 +5918,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5943,7 +5969,7 @@ color: #01579b; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { @@ -5953,7 +5979,7 @@ color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5963,7 +5989,7 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { @@ -5973,9 +5999,10 @@ color: #b71c1c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #b71c1c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -6006,7 +6033,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6063,7 +6090,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -6073,7 +6100,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.87); } @@ -6082,23 +6109,29 @@ outline-offset: 0; box-shadow: none; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6122,8 +6155,9 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { - background-color: hsla(0, 0%, 100%, 0.12); + background-color: rgba(255, 255, 255, 0.12); border-radius: 4px; } .p-avatar.p-avatar-lg { @@ -6142,9 +6176,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #1e1e1e; } + .p-badge { background: #CE93D8; color: #121212; @@ -6186,8 +6222,9 @@ height: 3rem; line-height: 3rem; } + .p-chip { - background-color: hsla(0, 0%, 100%, 0.12); + background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; padding: 0 1rem; @@ -6221,6 +6258,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 1rem 1rem; border-radius: 4px; @@ -6235,15 +6273,19 @@ outline-offset: 0; box-shadow: none; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6251,19 +6293,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6323,6 +6370,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-progressbar { border: 0 none; height: 4px; @@ -6338,6 +6386,7 @@ color: #121212; line-height: 4px; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6359,6 +6408,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 4px; @@ -6366,6 +6416,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #CE93D8; color: #121212; @@ -6398,6 +6449,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -6449,15 +6501,17 @@ .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { opacity: 0.38; } + .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6467,13 +6521,13 @@ background-color: transparent; } .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6481,9 +6535,11 @@ background-image: none; background: transparent; } + .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 1rem; } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding-top: 0; padding-bottom: 0; @@ -6513,18 +6569,21 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-breadcrumb .p-menuitem-link { padding: 0.25rem 0.5rem; } .p-breadcrumb .p-menuitem-link:focus { background: rgba(255, 255, 255, 0.12); } + .p-button { font-weight: 500; min-width: 4rem; @@ -6576,6 +6635,7 @@ .p-button.p-button-raised:enabled:focus { 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); } + .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 { background: rgba(165, 214, 167, 0.76); } @@ -6591,6 +6651,7 @@ .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { background-color: rgba(165, 214, 167, 0.16); } + .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 { background: rgba(144, 202, 249, 0.76); } @@ -6606,6 +6667,7 @@ .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { background-color: rgba(144, 202, 249, 0.16); } + .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 { background: rgba(197, 225, 165, 0.76); } @@ -6621,6 +6683,7 @@ .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { background-color: rgba(197, 225, 165, 0.16); } + .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 { background: rgba(255, 245, 157, 0.76); } @@ -6636,6 +6699,7 @@ .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { background-color: rgba(255, 245, 157, 0.16); } + .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 { background: rgba(206, 147, 216, 0.76); } @@ -6651,6 +6715,7 @@ .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { background-color: rgba(206, 147, 216, 0.16); } + .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 { background: rgba(239, 154, 154, 0.76); } @@ -6666,8 +6731,9 @@ .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { background-color: rgba(239, 154, 154, 0.16); } + .p-calendar-w-btn { - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); background: #1e1e1e; border-radius: 4px; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); @@ -6712,6 +6778,7 @@ .p-calendar-w-btn.p-calendar-disabled .p-inputtext { opacity: 1; } + .p-datepicker .p-datepicker-header { border-bottom: 0 none; } @@ -6726,7 +6793,7 @@ order: 3; } .p-datepicker table th { - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.38); font-weight: 400; font-size: 0.875rem; @@ -6737,6 +6804,7 @@ .p-datepicker table td.p-datepicker-today.p-highlight { box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16); } + p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } @@ -6749,12 +6817,13 @@ p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-input-filled .p-calendar-w-btn { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6764,13 +6833,13 @@ background-color: transparent; } .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6804,6 +6873,7 @@ border: 0 none; background-image: none; } + .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { background-image: none; background: transparent; @@ -6814,15 +6884,17 @@ .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } + .p-cascadeselect-item .p-ink { background-color: rgba(206, 147, 216, 0.16); } + .p-input-filled .p-cascadeselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6832,13 +6904,13 @@ background-color: transparent; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6864,6 +6936,7 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { padding-top: 1.5rem; padding-bottom: 0.5rem; @@ -6883,27 +6956,30 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #A5D6A7; color: #121212; } + .p-checkbox { border-radius: 50%; transition: box-shadow 0.2s; } .p-checkbox .p-checkbox-box { - border-color: hsla(0, 0%, 100%, 0.7); + border-color: rgba(255, 255, 255, 0.7); border-radius: 2px; position: relative; } .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - border-color: hsla(0, 0%, 100%, 0.7); + border-color: rgba(255, 255, 255, 0.7); } .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { - border-color: hsla(0, 0%, 100%, 0.7); + border-color: rgba(255, 255, 255, 0.7); } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { border-color: #CE93D8; @@ -6931,12 +7007,14 @@ .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #1e1e1e; } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { background-color: #1e1e1e; } + @keyframes checkbox-check { 0% { width: 0; @@ -6959,12 +7037,13 @@ .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } + .p-input-filled .p-chips-multiple-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6974,13 +7053,13 @@ background-color: transparent; } .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6988,9 +7067,11 @@ background-image: none; background: transparent; } + .p-float-label .p-chips-multiple-container .p-chips-token { padding: 0.25rem 1rem; } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { padding-top: 0; padding-bottom: 0; @@ -7012,9 +7093,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-datatable .p-sortable-column { outline: 0 none; } @@ -7027,12 +7110,14 @@ .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { background-color: rgba(255, 255, 255, 0.03); } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #CE93D8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #CE93D8; } + .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { background-image: none; background: transparent; @@ -7043,15 +7128,17 @@ .p-dropdown:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } + .p-dropdown-item .p-ink { background-color: rgba(206, 147, 216, 0.16); } + .p-input-filled .p-dropdown { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7061,13 +7148,13 @@ background-color: transparent; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7089,9 +7176,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-galleria .p-galleria-indicators { padding: 1rem; } @@ -7103,30 +7192,32 @@ background: rgba(165, 214, 167, 0.68); color: #121212; } + .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } .p-inputtext:enabled:focus.ng-invalid.ng-dirty { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-input-filled .p-inputtext { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; } .p-input-filled .p-inputtext:enabled:hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); } .p-input-filled .p-inputtext:enabled:focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7138,12 +7229,13 @@ box-shadow: none; border-color: transparent; } + .p-input-filled .p-inputgroup .p-inputgroup-addon { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7152,24 +7244,26 @@ border-right-color: transparent; } .p-input-filled .p-inputgroup-addon:first-child, - .p-input-filled .p-inputgroup button:first-child, - .p-input-filled .p-inputgroup input:first-child { +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { border-bottom-left-radius: 0; } .p-input-filled .p-inputgroup .p-float-label:first-child input { border-bottom-left-radius: 0; } .p-input-filled .p-inputgroup-addon:last-child, - .p-input-filled .p-inputgroup button:last-child, - .p-input-filled .p-inputgroup input:last-child { +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { border-bottom-right-radius: 0; } .p-input-filled .p-inputgroup .p-float-label:last-child input { border-bottom-right-radius: 0; } + p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); @@ -7178,9 +7272,11 @@ box-shadow: none; border-color: transparent; } + p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); @@ -7189,6 +7285,7 @@ box-shadow: none; border-color: transparent; } + .p-inputswitch .p-inputswitch-slider:before { transition-property: box-shadow transform; box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); @@ -7205,45 +7302,51 @@ .p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); } + .p-fieldset .p-fieldset-legend { border: 0 none; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { background: rgba(255, 255, 255, 0.12); } + .p-float-label input:focus ~ label, - .p-float-label input.p-filled ~ label, - .p-float-label textarea:focus ~ label, - .p-float-label textarea.p-filled ~ label, - .p-float-label .p-inputwrapper-focus ~ label, - .p-float-label .p-inputwrapper-filled ~ label { +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { top: -0.5rem !important; background-color: #1e1e1e; padding: 2px 4px; margin-left: -4px; margin-top: 0; } + .p-float-label textarea ~ label { margin-top: 0; } + .p-float-label input:focus ~ label, - .p-float-label .p-inputwrapper-focus ~ label { +.p-float-label .p-inputwrapper-focus ~ label { color: #CE93D8; } + .p-input-filled .p-float-label .p-inputtext { padding-top: 1.5rem; padding-bottom: 0.5rem; } .p-input-filled .p-float-label input:focus ~ label, - .p-input-filled .p-float-label input.p-filled ~ label, - .p-input-filled .p-float-label textarea:focus ~ label, - .p-input-filled .p-float-label textarea.p-filled ~ label, - .p-input-filled .p-float-label .p-inputwrapper-focus ~ label, - .p-input-filled .p-float-label .p-inputwrapper-filled ~ label { +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { top: 0.25rem !important; margin-top: 0; background: transparent; } + .p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(206, 147, 216, 0.16); } @@ -7253,21 +7356,25 @@ .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { background: rgba(206, 147, 216, 0.24); } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-menu .p-menuitem .p-menuitem-link:focus { background: rgba(255, 255, 255, 0.12); } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { background-image: none; background: transparent; @@ -7278,6 +7385,7 @@ .p-multiselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { background-color: rgba(206, 147, 216, 0.16); } @@ -7290,12 +7398,13 @@ .p-multiselect-panel .p-multiselect-close:focus { background: rgba(255, 255, 255, 0.12); } + .p-input-filled .p-multiselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7305,13 +7414,13 @@ background-color: transparent; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7323,11 +7432,13 @@ background-image: none; background: transparent; } + .p-float-label .p-multiselect-label .p-multiselect-token { padding: 0.25rem 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } + .p-input-filled .p-float-label .p-multiselect .p-multiselect-label { padding-top: 1.5rem; padding-bottom: 0.5rem; @@ -7356,18 +7467,22 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-orderlist .p-orderlist-list .p-orderlist-item:focus { background: rgba(255, 255, 255, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { background: rgba(206, 147, 216, 0.24); } + .p-overlaypanel .p-overlaypanel-content { padding: 1.5rem; } + .p-paginator { justify-content: flex-end; } @@ -7377,13 +7492,14 @@ .p-paginator .p-paginator-element:focus.p-highlight { background: rgba(206, 147, 216, 0.24); } + .p-panel { border-radius: 4px; 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); } .p-panel .p-panel-header, - .p-panel .p-panel-content, - .p-panel .p-panel-footer { +.p-panel .p-panel-content, +.p-panel .p-panel-footer { border: 0 none; } .p-panel .p-panel-content { @@ -7395,6 +7511,7 @@ .p-panel .p-panel-header-icon:focus { background: rgba(255, 255, 255, 0.12); } + .p-panelmenu .p-panelmenu-panel { 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); margin-bottom: 0; @@ -7430,27 +7547,30 @@ .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-picklist .p-picklist-list .p-picklist-item:focus { background: rgba(255, 255, 255, 0.12); } .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { background: rgba(206, 147, 216, 0.24); } + .p-progressbar { border-radius: 0; } .p-progressbar .p-progressbar-label { display: none !important; } + .p-radiobutton { border-radius: 50%; transition: box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border: 2px solid hsla(0, 0%, 100%, 0.7); + border: 2px solid rgba(255, 255, 255, 0.7); } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - border: 2px solid hsla(0, 0%, 100%, 0.7); + border: 2px solid rgba(255, 255, 255, 0.7); } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { border-color: #CE93D8; @@ -7467,12 +7587,14 @@ .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #1e1e1e; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { background-color: #1e1e1e; } + .p-rating { gap: 0; } @@ -7494,6 +7616,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { background: rgba(244, 68, 53, 0.04); } + .p-selectbutton .p-button:focus { background: #1c1c1c; border-color: rgba(255, 255, 255, 0.12); @@ -7502,12 +7625,14 @@ background: #262626; border-color: rgba(255, 255, 255, 0.12); } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-slider .p-slider-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); @@ -7518,6 +7643,7 @@ .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); } + .p-steps { padding: 1rem 0; } @@ -7570,6 +7696,7 @@ .p-steps .p-steps-item.p-disabled { opacity: 1; } + .p-tabview .p-tabview-nav { position: relative; } @@ -7592,9 +7719,11 @@ background-color: #CE93D8; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-toolbar { border: 0 none; } + .p-tooltip .p-tooltip-text { box-shadow: none; font-size: 0.875rem; @@ -7602,12 +7731,14 @@ .p-tooltip .p-tooltip-arrow { display: none; } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { background-image: none; background: transparent; @@ -7618,15 +7749,17 @@ .p-treeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } + .p-treeselect-item .p-ink { background-color: rgba(206, 147, 216, 0.16); } + .p-input-filled .p-treeselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7636,13 +7769,13 @@ background-color: transparent; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7654,11 +7787,13 @@ background-image: none; background: transparent; } + .p-float-label .p-treeselect-label .p-treeselect-token { padding: 0.25rem 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } + .p-input-filled .p-float-label .p-treeselect .p-treeselect-label { padding-top: 1.5rem; padding-bottom: 0.5rem; @@ -7687,9 +7822,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + .p-treeselect.p-invalid:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-tree .p-tree-container .p-treenode { outline: 0 none; } @@ -7699,6 +7836,7 @@ .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { background: rgba(206, 147, 216, 0.24); } + .p-treetable .p-sortable-column { outline: 0 none; } @@ -7711,6 +7849,7 @@ .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { background-color: rgba(255, 255, 255, 0.03); } + .p-tabmenu .p-tabmenu-nav { position: relative; } @@ -7735,12 +7874,14 @@ background-color: #CE93D8; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { margin: 0.5rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { margin: 0 0.5rem; } + .p-togglebutton.p-button:focus { background: #1c1c1c; border-color: rgba(255, 255, 255, 0.12); @@ -7749,6 +7890,7 @@ background: #262626; border-color: rgba(255, 255, 255, 0.12); } + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(206, 147, 216, 0.12); } @@ -7780,45 +7922,53 @@ .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { 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); } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(165, 214, 167, 0.12); } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(165, 214, 167, 0.16); } + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(144, 202, 249, 0.12); } .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(197, 225, 165, 0.12); } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(255, 245, 157, 0.12); } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(206, 147, 216, 0.12); } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(239, 154, 154, 0.12); } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); } + .p-scrollpanel .p-scrollpanel-bar:focus { box-shadow: 0 0 1px 4px rgba(165, 214, 167, 0.2); } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); diff --git a/src/assets/components/themes/md-dark-indigo/theme.css b/src/assets/components/themes/md-dark-indigo/theme.css index 5e9751d8b71..d23d84b9e71 100644 --- a/src/assets/components/themes/md-dark-indigo/theme.css +++ b/src/assets/components/themes/md-dark-indigo/theme.css @@ -54,21 +54,24 @@ font-family: "Roboto"; font-style: normal; font-weight: 400; - src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500 - latin-ext_latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; - src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-700 - latin-ext_latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; - src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } :root { --blue-50:#f4fafe; @@ -241,7 +244,7 @@ } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 1rem 1rem; @@ -296,32 +299,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.32); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.38; } + .p-error { color: #f44435; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -333,12 +344,15 @@ outline-offset: 0; box-shadow: none; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -355,6 +369,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 1rem; } @@ -387,7 +402,7 @@ } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.5rem 1rem; - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -395,12 +410,13 @@ margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: hsla(0, 0%, 100%, 0.24); + background: rgba(255, 255, 255, 0.24); color: rgba(255, 255, 255, 0.87); } .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44435; } + .p-autocomplete-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -429,11 +445,11 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -447,9 +463,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44435; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 3rem; } @@ -457,24 +475,28 @@ color: rgba(255, 255, 255, 0.6); right: 1rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 4rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #f44435; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } + .p-datepicker { padding: 0.5rem; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; } .p-datepicker:not(.p-datepicker-inline) { @@ -491,12 +513,12 @@ background: #1e1e1e; font-weight: 500; margin: 0; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-top-right-radius: 4px; border-top-left-radius: 4px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2.5rem; height: 2.5rem; color: rgba(255, 255, 255, 0.6); @@ -506,13 +528,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -521,14 +543,14 @@ line-height: 2.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 500; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #9FA8DA; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -575,13 +597,13 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); padding: 0.5rem; } .p-datepicker .p-timepicker button { @@ -640,7 +662,7 @@ background: rgba(159, 168, 218, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid hsla(0, 0%, 100%, 0.12); + border-left: 1px solid rgba(255, 255, 255, 0.12); padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -677,6 +699,7 @@ outline-offset: 0; box-shadow: none; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 3rem; } @@ -684,10 +707,12 @@ color: rgba(255, 255, 255, 0.6); right: 1rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 4rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -695,7 +720,7 @@ } .p-cascadeselect { background: #1e1e1e; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } @@ -730,6 +755,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f44435; } + .p-cascadeselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -757,11 +783,11 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 1rem 1rem; @@ -769,18 +795,21 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { - background: hsla(0, 0%, 100%, 0.06); + background: rgba(255, 255, 255, 0.06); } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f44435; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 1rem; } @@ -788,6 +817,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -796,12 +826,13 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 18px; height: 18px; } .p-checkbox .p-checkbox-box { - border: 2px solid hsla(0, 0%, 100%, 0.7); + border: 2px solid rgba(255, 255, 255, 0.7); background: #1e1e1e; width: 18px; height: 18px; @@ -836,27 +867,32 @@ background: #9FA8DA; color: #121212; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44435; } + .p-input-filled .p-checkbox .p-checkbox-box { - background-color: hsla(0, 0%, 100%, 0.06); + background-color: rgba(255, 255, 255, 0.06); } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #9FA8DA; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #9FA8DA; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44435; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(255, 255, 255, 0.6); } @@ -873,12 +909,12 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.5rem 1rem; margin-right: 0.5rem; - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: hsla(0, 0%, 100%, 0.24); + background: rgba(255, 255, 255, 0.24); color: rgba(255, 255, 255, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -895,9 +931,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #f44435; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 2rem; } @@ -905,25 +943,29 @@ color: rgba(255, 255, 255, 0.6); right: 1rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #2b2b2b; border: 1px solid #1e1e1e; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #1e1e1e; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } @@ -964,6 +1006,7 @@ .p-dropdown.p-invalid.p-component { border-color: #f44435; } + .p-dropdown-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -973,7 +1016,7 @@ } .p-dropdown-panel .p-dropdown-header { padding: 1rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1009,11 +1052,11 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -1027,100 +1070,114 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { - background: hsla(0, 0%, 100%, 0.06); + background: rgba(255, 255, 255, 0.06); } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #f44435; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); - border-top: 1px solid hsla(0, 0%, 100%, 0.3); - border-left: 1px solid hsla(0, 0%, 100%, 0.3); - border-bottom: 1px solid hsla(0, 0%, 100%, 0.3); + border-top: 1px solid rgba(255, 255, 255, 0.3); + border-left: 1px solid rgba(255, 255, 255, 0.3); + border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 1rem 1rem; min-width: 2.357rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid hsla(0, 0%, 100%, 0.3); + border-right: 1px solid rgba(255, 255, 255, 0.3); } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 1rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 1rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44435; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 3rem; } @@ -1128,9 +1185,11 @@ color: rgba(255, 255, 255, 0.6); right: 1rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #f44435; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 3rem; } @@ -1138,27 +1197,31 @@ color: rgba(255, 255, 255, 0.6); right: 1rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 4rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 4rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 3rem; } + .p-inputswitch { width: 2.75rem; height: 1rem; } .p-inputswitch .p-inputswitch-slider { - background: hsla(0, 0%, 100%, 0.3); + background: rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 0.5rem; } @@ -1180,7 +1243,7 @@ box-shadow: none; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: hsla(0, 0%, 100%, 0.3); + background: rgba(255, 255, 255, 0.3); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: rgba(159, 168, 218, 0.5); @@ -1191,9 +1254,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: rgba(159, 168, 218, 0.5); } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f44435; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1201,7 +1266,7 @@ color: rgba(255, 255, 255, 0.87); background: #1e1e1e; padding: 1rem 1rem; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); appearance: none; border-radius: 4px; @@ -1226,81 +1291,99 @@ font-size: 1.25rem; padding: 1.25rem 1.25rem; } + .p-float-label > label { left: 1rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #f44435; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 1rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 3rem; } + .p-input-icon-left.p-float-label > label { left: 3rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 1rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 3rem; } + .p-icon-field-left > .p-inputtext { padding-left: 3rem; } + .p-icon-field-left.p-float-label > label { left: 3rem; } + .p-icon-field-right > .p-inputtext { padding-right: 3rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { - background-color: hsla(0, 0%, 100%, 0.06); + background-color: rgba(255, 255, 255, 0.06); } .p-input-filled .p-inputtext:enabled:hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-inputtext:enabled:focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.875rem 0.875rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 1.25rem 1.25rem; } + .p-listbox { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 1rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #1e1e1e; margin: 0; @@ -1353,11 +1436,11 @@ } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-listbox.p-focus { outline: 0 none; @@ -1365,12 +1448,14 @@ box-shadow: none; border-color: #9FA8DA; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44435; } + .p-multiselect { background: #1e1e1e; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } @@ -1393,7 +1478,7 @@ .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.5rem 1rem; margin-right: 0.5rem; - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1407,9 +1492,11 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.5rem 1rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 2rem; } @@ -1417,6 +1504,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-multiselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1426,7 +1514,7 @@ } .p-multiselect-panel .p-multiselect-header { padding: 1rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1484,11 +1572,11 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1505,21 +1593,25 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { - background: hsla(0, 0%, 100%, 0.06); + background: rgba(255, 255, 255, 0.06); } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #f44435; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #f44435; } + .p-password-panel { padding: 1rem; background: #1e1e1e; @@ -1541,6 +1633,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } + p-password.p-password-clearable .p-password-input { padding-right: 3rem; } @@ -1548,6 +1641,7 @@ color: rgba(255, 255, 255, 0.6); right: 1rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 5rem; } @@ -1555,12 +1649,13 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-radiobutton { width: 20px; height: 20px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid hsla(0, 0%, 100%, 0.7); + border: 2px solid rgba(255, 255, 255, 0.7); background: #1e1e1e; width: 20px; height: 20px; @@ -1592,14 +1687,16 @@ background: #121212; color: #9FA8DA; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #f44435; } + .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: hsla(0, 0%, 100%, 0.06); + background-color: rgba(255, 255, 255, 0.06); } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #121212; @@ -1607,9 +1704,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #121212; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1640,6 +1739,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f44435; } + .p-selectbutton .p-button { background: #2f2f2f; border: 1px solid rgba(255, 255, 255, 0.12); @@ -1647,7 +1747,7 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1656,7 +1756,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1665,7 +1765,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight:hover { @@ -1674,14 +1774,16 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #f44435; } + .p-slider { - background: hsla(0, 0%, 100%, 0.3); + background: rgba(255, 255, 255, 0.3); border: 0 none; border-radius: 4px; } @@ -1731,6 +1833,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #2f2f2f; border: 1px solid rgba(255, 255, 255, 0.12); @@ -1738,7 +1841,7 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1747,7 +1850,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1756,7 +1859,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight:hover { @@ -1765,15 +1868,17 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #f44435; } + .p-treeselect { background: #1e1e1e; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } @@ -1796,7 +1901,7 @@ .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.5rem 1rem; margin-right: 0.5rem; - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1807,12 +1912,15 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #f44435; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.5rem 1rem; } + .p-treeselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1822,7 +1930,7 @@ } .p-treeselect-panel .p-treeselect-header { padding: 1rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1872,15 +1980,17 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { - background: hsla(0, 0%, 100%, 0.06); + background: rgba(255, 255, 255, 0.06); } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 2rem; } @@ -1888,6 +1998,7 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-button { color: #121212; background: #9FA8DA; @@ -1999,7 +2110,7 @@ padding: 0.714rem; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2026,6 +2137,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2038,414 +2150,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #121212; background: #F48FB1; border: 0 none; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.92); color: #121212; border-color: transparent; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.68); color: #121212; border-color: transparent; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #F48FB1; border: 0 none; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #F48FB1; border: 0 none; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #F48FB1; border: 0 none; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #F48FB1; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; color: #F48FB1; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; color: #F48FB1; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #212121; background: #90caf9; border: 0 none; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #90caf9; border: 0 none; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); color: #90caf9; border: 0 none; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(144, 202, 249, 0.16); color: #90caf9; border: 0 none; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #90caf9; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; color: #90caf9; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; color: #90caf9; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #212121; background: #c5e1a5; border: 0 none; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #c5e1a5; border: 0 none; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); color: #c5e1a5; border: 0 none; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); color: #c5e1a5; border: 0 none; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #c5e1a5; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; color: #c5e1a5; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; color: #c5e1a5; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212121; background: #fff59d; border: 0 none; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #fff59d; border: 0 none; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); color: #fff59d; border: 0 none; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 245, 157, 0.16); color: #fff59d; border: 0 none; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #fff59d; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; color: #fff59d; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; color: #fff59d; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #212121; background: #ce93d8; border: 0 none; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #ce93d8; border: 0 none; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #ce93d8; border: 0 none; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #ce93d8; border: 0 none; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #ce93d8; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; color: #ce93d8; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; color: #ce93d8; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #212121; background: #ef9a9a; border: 0 none; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #ef9a9a; border: 0 none; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); color: #ef9a9a; border: 0 none; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 154, 154, 0.16); color: #ef9a9a; border: 0 none; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #ef9a9a; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; color: #ef9a9a; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; color: #ef9a9a; } + .p-button.p-button-link { color: #9FA8DA; background: transparent; @@ -2469,6 +2588,7 @@ color: #9FA8DA; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2480,14 +2600,17 @@ width: 2rem; height: 2rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: none; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2498,45 +2621,52 @@ background: rgba(244, 143, 177, 0.92); color: #212121; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.32); } + .p-splitbutton { border-radius: 4px; } @@ -2614,6 +2744,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #F48FB1; @@ -2642,6 +2773,7 @@ border-color: transparent; color: #F48FB1; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #90caf9; @@ -2670,6 +2802,7 @@ border-color: transparent; color: #90caf9; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2698,6 +2831,7 @@ border-color: transparent; color: #c5e1a5; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fff59d; @@ -2726,6 +2860,7 @@ border-color: transparent; color: #fff59d; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2754,6 +2889,7 @@ border-color: transparent; color: #ce93d8; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef9a9a; @@ -2782,8 +2918,9 @@ border-color: transparent; color: #ef9a9a; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2.5rem; height: 2.5rem; color: rgba(255, 255, 255, 0.6); @@ -2794,13 +2931,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2826,6 +2963,7 @@ background: rgba(159, 168, 218, 0.16); color: #9FA8DA; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2919,9 +3057,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2.5rem; height: 2.5rem; color: rgba(255, 255, 255, 0.6); @@ -2931,17 +3069,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2971,12 +3109,12 @@ background: #9FA8DA; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #1e1e1e; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #1e1e1e; } .p-datatable .p-datatable-loading-icon { @@ -3079,6 +3217,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3117,10 +3256,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2.5rem; height: 2.5rem; @@ -3148,6 +3289,7 @@ outline-offset: 0; box-shadow: none; } + .p-column-filter-clear-button { width: 2.5rem; height: 2.5rem; @@ -3167,6 +3309,7 @@ outline-offset: 0; box-shadow: none; } + .p-column-filter-overlay { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -3193,7 +3336,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; @@ -3201,12 +3344,13 @@ box-shadow: none; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 1rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -3215,7 +3359,7 @@ } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3232,6 +3376,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3289,12 +3434,12 @@ transition: none; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #9FA8DA; @@ -3308,15 +3453,16 @@ color: rgba(255, 255, 255, 0.87); } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.02); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } + .p-orderlist-item.cdk-drag-preview { padding: 1rem 1rem; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); @@ -3325,8 +3471,9 @@ background: #1e1e1e; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { @@ -3363,6 +3510,7 @@ outline-offset: 0; box-shadow: none; } + .p-paginator { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3372,9 +3520,9 @@ border-radius: 4px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3385,9 +3533,9 @@ border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); border-color: transparent; color: rgba(255, 255, 255, 0.6); @@ -3444,6 +3592,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.6); } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3501,12 +3650,12 @@ transition: none; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #9FA8DA; @@ -3520,15 +3669,16 @@ color: rgba(255, 255, 255, 0.87); } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: rgba(255, 255, 255, 0.02); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } + .p-picklist-item.cdk-drag-preview { padding: 1rem 1rem; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); @@ -3537,6 +3687,7 @@ background: #1e1e1e; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3548,19 +3699,20 @@ background-color: #bdbdbd; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; @@ -3617,19 +3769,19 @@ color: #9FA8DA; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #9FA8DA; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #9FA8DA; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-filter-container { @@ -3686,7 +3838,7 @@ color: inherit; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { @@ -3694,6 +3846,7 @@ outline-offset: 0; box-shadow: none; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3833,7 +3986,7 @@ background: #9FA8DA; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #1e1e1e; } .p-treetable .p-treetable-loading-icon { @@ -3894,6 +4047,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3918,6 +4072,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.5rem; border: 0 none; @@ -3990,6 +4145,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-card { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4015,6 +4171,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #1e1e1e; } @@ -4023,7 +4180,7 @@ padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px hsla(0, 0%, 100%, 0.12); + border-top: 1px rgba(255, 255, 255, 0.12); } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -4033,11 +4190,12 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px hsla(0, 0%, 100%, 0.12); + border-left: 1px rgba(255, 255, 255, 0.12); } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; @@ -4078,6 +4236,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid rgba(255, 255, 255, 0.12); padding: 1rem; @@ -4144,6 +4303,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: rgba(255, 255, 255, 0.12); border: 0 none; @@ -4154,6 +4314,7 @@ outline-offset: 0; box-shadow: none; } + .p-splitter { border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; @@ -4162,10 +4323,10 @@ } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; @@ -4173,166 +4334,9 @@ box-shadow: none; } .p-splitter .p-splitter-gutter-resizing { - background: hsla(0, 0%, 100%, 0.12); - } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: none; - border-radius: 4px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 1px solid transparent; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.87); - font-weight: 500; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #9FA8DA; - } - .p-stepper .p-stepper-panels { - background: transparent; - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #bdbdbd; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: none; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: transparent; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #9FA8DA; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; + background: rgba(255, 255, 255, 0.12); } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4401,6 +4405,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-toolbar { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4411,6 +4416,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4458,6 +4464,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 4px; box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4530,6 +4537,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4571,6 +4579,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #262626; } + .p-sidebar { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4581,7 +4590,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2.5rem; height: 2.5rem; color: rgba(255, 255, 255, 0.6); @@ -4591,13 +4600,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4611,6 +4620,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #444444; color: rgba(255, 255, 255, 0.87); @@ -4630,6 +4640,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #444444; } + .p-fileupload .p-fileupload-buttonbar { background: #1e1e1e; padding: 1rem; @@ -4669,6 +4680,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: rgba(159, 168, 218, 0.92); color: #121212; @@ -4679,6 +4691,7 @@ color: #121212; border-color: transparent; } + .p-breadcrumb { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4710,6 +4723,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.5rem 0; background: #2b2b2b; @@ -4757,7 +4771,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4765,13 +4779,13 @@ } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4782,11 +4796,11 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { @@ -4796,6 +4810,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4819,31 +4834,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4902,7 +4918,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4910,13 +4926,13 @@ } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4927,7 +4943,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-megamenu .p-megamenu-panel { @@ -4950,7 +4966,7 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-megamenu.p-megamenu-vertical { @@ -4985,9 +5001,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } + .p-menu { padding: 0.5rem 0; background: #1e1e1e; @@ -5024,7 +5041,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5032,13 +5049,13 @@ } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5049,7 +5066,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menu.p-menu-overlay { @@ -5067,7 +5084,7 @@ border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-menu .p-menuitem-badge { @@ -5083,6 +5100,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 1rem; background: #1e1e1e; @@ -5121,7 +5139,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5152,7 +5170,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5160,13 +5178,13 @@ } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5177,7 +5195,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-submenu-list { @@ -5188,12 +5206,13 @@ width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5225,7 +5244,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -5368,7 +5387,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5376,13 +5395,13 @@ } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5393,14 +5412,14 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5433,6 +5452,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-slidemenu { padding: 0.5rem 0; background: #1e1e1e; @@ -5475,7 +5495,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5483,13 +5503,13 @@ } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5500,7 +5520,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-slidemenu.p-slidemenu-overlay { @@ -5515,7 +5535,7 @@ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5547,6 +5567,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5583,7 +5604,7 @@ } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); width: 100%; top: 50%; left: 0; @@ -5591,6 +5612,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: solid rgba(255, 255, 255, 0.12); @@ -5661,6 +5683,7 @@ outline-offset: 0; box-shadow: inset none; } + .p-tieredmenu { padding: 0.5rem 0; background: #1e1e1e; @@ -5711,7 +5734,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5719,13 +5742,13 @@ } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5736,11 +5759,11 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5750,6 +5773,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 1rem 1rem; margin: 0; @@ -5805,6 +5829,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 4px; @@ -5893,6 +5918,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5943,7 +5969,7 @@ color: #01579b; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { @@ -5953,7 +5979,7 @@ color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5963,7 +5989,7 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { @@ -5973,9 +5999,10 @@ color: #b71c1c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #b71c1c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -6006,7 +6033,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6063,7 +6090,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -6073,7 +6100,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.87); } @@ -6082,23 +6109,29 @@ outline-offset: 0; box-shadow: none; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6122,8 +6155,9 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { - background-color: hsla(0, 0%, 100%, 0.12); + background-color: rgba(255, 255, 255, 0.12); border-radius: 4px; } .p-avatar.p-avatar-lg { @@ -6142,9 +6176,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #1e1e1e; } + .p-badge { background: #9FA8DA; color: #121212; @@ -6186,8 +6222,9 @@ height: 3rem; line-height: 3rem; } + .p-chip { - background-color: hsla(0, 0%, 100%, 0.12); + background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; padding: 0 1rem; @@ -6221,6 +6258,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 1rem 1rem; border-radius: 4px; @@ -6235,15 +6273,19 @@ outline-offset: 0; box-shadow: none; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6251,19 +6293,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6323,6 +6370,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-progressbar { border: 0 none; height: 4px; @@ -6338,6 +6386,7 @@ color: #121212; line-height: 4px; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6359,6 +6408,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 4px; @@ -6366,6 +6416,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #9FA8DA; color: #121212; @@ -6398,6 +6449,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -6449,15 +6501,17 @@ .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { opacity: 0.38; } + .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6467,13 +6521,13 @@ background-color: transparent; } .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6481,9 +6535,11 @@ background-image: none; background: transparent; } + .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 1rem; } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding-top: 0; padding-bottom: 0; @@ -6513,18 +6569,21 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-breadcrumb .p-menuitem-link { padding: 0.25rem 0.5rem; } .p-breadcrumb .p-menuitem-link:focus { background: rgba(255, 255, 255, 0.12); } + .p-button { font-weight: 500; min-width: 4rem; @@ -6576,6 +6635,7 @@ .p-button.p-button-raised:enabled:focus { 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); } + .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 { background: rgba(244, 143, 177, 0.76); } @@ -6591,6 +6651,7 @@ .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { background-color: rgba(244, 143, 177, 0.16); } + .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 { background: rgba(144, 202, 249, 0.76); } @@ -6606,6 +6667,7 @@ .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { background-color: rgba(144, 202, 249, 0.16); } + .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 { background: rgba(197, 225, 165, 0.76); } @@ -6621,6 +6683,7 @@ .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { background-color: rgba(197, 225, 165, 0.16); } + .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 { background: rgba(255, 245, 157, 0.76); } @@ -6636,6 +6699,7 @@ .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { background-color: rgba(255, 245, 157, 0.16); } + .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 { background: rgba(206, 147, 216, 0.76); } @@ -6651,6 +6715,7 @@ .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { background-color: rgba(206, 147, 216, 0.16); } + .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 { background: rgba(239, 154, 154, 0.76); } @@ -6666,8 +6731,9 @@ .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { background-color: rgba(239, 154, 154, 0.16); } + .p-calendar-w-btn { - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); background: #1e1e1e; border-radius: 4px; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); @@ -6712,6 +6778,7 @@ .p-calendar-w-btn.p-calendar-disabled .p-inputtext { opacity: 1; } + .p-datepicker .p-datepicker-header { border-bottom: 0 none; } @@ -6726,7 +6793,7 @@ order: 3; } .p-datepicker table th { - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.38); font-weight: 400; font-size: 0.875rem; @@ -6737,6 +6804,7 @@ .p-datepicker table td.p-datepicker-today.p-highlight { box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16); } + p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } @@ -6749,12 +6817,13 @@ p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-input-filled .p-calendar-w-btn { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6764,13 +6833,13 @@ background-color: transparent; } .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6804,6 +6873,7 @@ border: 0 none; background-image: none; } + .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { background-image: none; background: transparent; @@ -6814,15 +6884,17 @@ .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } + .p-cascadeselect-item .p-ink { background-color: rgba(159, 168, 218, 0.16); } + .p-input-filled .p-cascadeselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6832,13 +6904,13 @@ background-color: transparent; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6864,6 +6936,7 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { padding-top: 1.5rem; padding-bottom: 0.5rem; @@ -6883,27 +6956,30 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #F48FB1; color: #121212; } + .p-checkbox { border-radius: 50%; transition: box-shadow 0.2s; } .p-checkbox .p-checkbox-box { - border-color: hsla(0, 0%, 100%, 0.7); + border-color: rgba(255, 255, 255, 0.7); border-radius: 2px; position: relative; } .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - border-color: hsla(0, 0%, 100%, 0.7); + border-color: rgba(255, 255, 255, 0.7); } .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { - border-color: hsla(0, 0%, 100%, 0.7); + border-color: rgba(255, 255, 255, 0.7); } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { border-color: #9FA8DA; @@ -6931,12 +7007,14 @@ .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #1e1e1e; } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { background-color: #1e1e1e; } + @keyframes checkbox-check { 0% { width: 0; @@ -6959,12 +7037,13 @@ .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } + .p-input-filled .p-chips-multiple-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6974,13 +7053,13 @@ background-color: transparent; } .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6988,9 +7067,11 @@ background-image: none; background: transparent; } + .p-float-label .p-chips-multiple-container .p-chips-token { padding: 0.25rem 1rem; } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { padding-top: 0; padding-bottom: 0; @@ -7012,9 +7093,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-datatable .p-sortable-column { outline: 0 none; } @@ -7027,12 +7110,14 @@ .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { background-color: rgba(255, 255, 255, 0.03); } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #9FA8DA; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #9FA8DA; } + .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { background-image: none; background: transparent; @@ -7043,15 +7128,17 @@ .p-dropdown:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } + .p-dropdown-item .p-ink { background-color: rgba(159, 168, 218, 0.16); } + .p-input-filled .p-dropdown { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7061,13 +7148,13 @@ background-color: transparent; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7089,9 +7176,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-galleria .p-galleria-indicators { padding: 1rem; } @@ -7103,30 +7192,32 @@ background: rgba(244, 143, 177, 0.68); color: #121212; } + .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } .p-inputtext:enabled:focus.ng-invalid.ng-dirty { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-input-filled .p-inputtext { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; } .p-input-filled .p-inputtext:enabled:hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); } .p-input-filled .p-inputtext:enabled:focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7138,12 +7229,13 @@ box-shadow: none; border-color: transparent; } + .p-input-filled .p-inputgroup .p-inputgroup-addon { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7152,24 +7244,26 @@ border-right-color: transparent; } .p-input-filled .p-inputgroup-addon:first-child, - .p-input-filled .p-inputgroup button:first-child, - .p-input-filled .p-inputgroup input:first-child { +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { border-bottom-left-radius: 0; } .p-input-filled .p-inputgroup .p-float-label:first-child input { border-bottom-left-radius: 0; } .p-input-filled .p-inputgroup-addon:last-child, - .p-input-filled .p-inputgroup button:last-child, - .p-input-filled .p-inputgroup input:last-child { +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { border-bottom-right-radius: 0; } .p-input-filled .p-inputgroup .p-float-label:last-child input { border-bottom-right-radius: 0; } + p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); @@ -7178,9 +7272,11 @@ box-shadow: none; border-color: transparent; } + p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); @@ -7189,6 +7285,7 @@ box-shadow: none; border-color: transparent; } + .p-inputswitch .p-inputswitch-slider:before { transition-property: box-shadow transform; box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); @@ -7205,45 +7302,51 @@ .p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); } + .p-fieldset .p-fieldset-legend { border: 0 none; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { background: rgba(255, 255, 255, 0.12); } + .p-float-label input:focus ~ label, - .p-float-label input.p-filled ~ label, - .p-float-label textarea:focus ~ label, - .p-float-label textarea.p-filled ~ label, - .p-float-label .p-inputwrapper-focus ~ label, - .p-float-label .p-inputwrapper-filled ~ label { +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { top: -0.5rem !important; background-color: #1e1e1e; padding: 2px 4px; margin-left: -4px; margin-top: 0; } + .p-float-label textarea ~ label { margin-top: 0; } + .p-float-label input:focus ~ label, - .p-float-label .p-inputwrapper-focus ~ label { +.p-float-label .p-inputwrapper-focus ~ label { color: #9FA8DA; } + .p-input-filled .p-float-label .p-inputtext { padding-top: 1.5rem; padding-bottom: 0.5rem; } .p-input-filled .p-float-label input:focus ~ label, - .p-input-filled .p-float-label input.p-filled ~ label, - .p-input-filled .p-float-label textarea:focus ~ label, - .p-input-filled .p-float-label textarea.p-filled ~ label, - .p-input-filled .p-float-label .p-inputwrapper-focus ~ label, - .p-input-filled .p-float-label .p-inputwrapper-filled ~ label { +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { top: 0.25rem !important; margin-top: 0; background: transparent; } + .p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(159, 168, 218, 0.16); } @@ -7253,21 +7356,25 @@ .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { background: rgba(159, 168, 218, 0.24); } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-menu .p-menuitem .p-menuitem-link:focus { background: rgba(255, 255, 255, 0.12); } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { background-image: none; background: transparent; @@ -7278,6 +7385,7 @@ .p-multiselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { background-color: rgba(159, 168, 218, 0.16); } @@ -7290,12 +7398,13 @@ .p-multiselect-panel .p-multiselect-close:focus { background: rgba(255, 255, 255, 0.12); } + .p-input-filled .p-multiselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7305,13 +7414,13 @@ background-color: transparent; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7323,11 +7432,13 @@ background-image: none; background: transparent; } + .p-float-label .p-multiselect-label .p-multiselect-token { padding: 0.25rem 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } + .p-input-filled .p-float-label .p-multiselect .p-multiselect-label { padding-top: 1.5rem; padding-bottom: 0.5rem; @@ -7356,18 +7467,22 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-orderlist .p-orderlist-list .p-orderlist-item:focus { background: rgba(255, 255, 255, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { background: rgba(159, 168, 218, 0.24); } + .p-overlaypanel .p-overlaypanel-content { padding: 1.5rem; } + .p-paginator { justify-content: flex-end; } @@ -7377,13 +7492,14 @@ .p-paginator .p-paginator-element:focus.p-highlight { background: rgba(159, 168, 218, 0.24); } + .p-panel { border-radius: 4px; 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); } .p-panel .p-panel-header, - .p-panel .p-panel-content, - .p-panel .p-panel-footer { +.p-panel .p-panel-content, +.p-panel .p-panel-footer { border: 0 none; } .p-panel .p-panel-content { @@ -7395,6 +7511,7 @@ .p-panel .p-panel-header-icon:focus { background: rgba(255, 255, 255, 0.12); } + .p-panelmenu .p-panelmenu-panel { 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); margin-bottom: 0; @@ -7430,27 +7547,30 @@ .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-picklist .p-picklist-list .p-picklist-item:focus { background: rgba(255, 255, 255, 0.12); } .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { background: rgba(159, 168, 218, 0.24); } + .p-progressbar { border-radius: 0; } .p-progressbar .p-progressbar-label { display: none !important; } + .p-radiobutton { border-radius: 50%; transition: box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border: 2px solid hsla(0, 0%, 100%, 0.7); + border: 2px solid rgba(255, 255, 255, 0.7); } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - border: 2px solid hsla(0, 0%, 100%, 0.7); + border: 2px solid rgba(255, 255, 255, 0.7); } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { border-color: #9FA8DA; @@ -7467,12 +7587,14 @@ .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #1e1e1e; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { background-color: #1e1e1e; } + .p-rating { gap: 0; } @@ -7494,6 +7616,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { background: rgba(244, 68, 53, 0.04); } + .p-selectbutton .p-button:focus { background: #1c1c1c; border-color: rgba(255, 255, 255, 0.12); @@ -7502,12 +7625,14 @@ background: #262626; border-color: rgba(255, 255, 255, 0.12); } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-slider .p-slider-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); @@ -7518,6 +7643,7 @@ .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); } + .p-steps { padding: 1rem 0; } @@ -7570,6 +7696,7 @@ .p-steps .p-steps-item.p-disabled { opacity: 1; } + .p-tabview .p-tabview-nav { position: relative; } @@ -7592,9 +7719,11 @@ background-color: #9FA8DA; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-toolbar { border: 0 none; } + .p-tooltip .p-tooltip-text { box-shadow: none; font-size: 0.875rem; @@ -7602,12 +7731,14 @@ .p-tooltip .p-tooltip-arrow { display: none; } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { background-image: none; background: transparent; @@ -7618,15 +7749,17 @@ .p-treeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } + .p-treeselect-item .p-ink { background-color: rgba(159, 168, 218, 0.16); } + .p-input-filled .p-treeselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7636,13 +7769,13 @@ background-color: transparent; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7654,11 +7787,13 @@ background-image: none; background: transparent; } + .p-float-label .p-treeselect-label .p-treeselect-token { padding: 0.25rem 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } + .p-input-filled .p-float-label .p-treeselect .p-treeselect-label { padding-top: 1.5rem; padding-bottom: 0.5rem; @@ -7687,9 +7822,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + .p-treeselect.p-invalid:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-tree .p-tree-container .p-treenode { outline: 0 none; } @@ -7699,6 +7836,7 @@ .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { background: rgba(159, 168, 218, 0.24); } + .p-treetable .p-sortable-column { outline: 0 none; } @@ -7711,6 +7849,7 @@ .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { background-color: rgba(255, 255, 255, 0.03); } + .p-tabmenu .p-tabmenu-nav { position: relative; } @@ -7735,12 +7874,14 @@ background-color: #9FA8DA; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { margin: 0.5rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { margin: 0 0.5rem; } + .p-togglebutton.p-button:focus { background: #1c1c1c; border-color: rgba(255, 255, 255, 0.12); @@ -7749,6 +7890,7 @@ background: #262626; border-color: rgba(255, 255, 255, 0.12); } + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(159, 168, 218, 0.12); } @@ -7780,45 +7922,53 @@ .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { 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); } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(244, 143, 177, 0.12); } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); } + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(144, 202, 249, 0.12); } .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(197, 225, 165, 0.12); } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(255, 245, 157, 0.12); } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(206, 147, 216, 0.12); } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(239, 154, 154, 0.12); } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); } + .p-scrollpanel .p-scrollpanel-bar:focus { box-shadow: 0 0 1px 4px rgba(244, 143, 177, 0.2); } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); diff --git a/src/assets/components/themes/md-light-deeppurple/theme.css b/src/assets/components/themes/md-light-deeppurple/theme.css index 899e2389aee..6df9469eee1 100644 --- a/src/assets/components/themes/md-light-deeppurple/theme.css +++ b/src/assets/components/themes/md-light-deeppurple/theme.css @@ -54,21 +54,24 @@ font-family: "Roboto"; font-style: normal; font-weight: 400; - src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500 - latin-ext_latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; - src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-700 - latin-ext_latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; - src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } :root { --blue-50:#f4fafe; @@ -296,32 +299,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.32); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.38; } + .p-error { color: #b00020; } + .p-text-secondary { color: rgba(0, 0, 0, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -333,12 +344,15 @@ outline-offset: 0; box-shadow: none; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -355,6 +369,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 1rem; } @@ -401,6 +416,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #b00020; } + .p-autocomplete-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -447,9 +463,11 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #b00020; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 3rem; } @@ -457,19 +475,23 @@ color: rgba(0, 0, 0, 0.6); right: 1rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(0, 0, 0, 0.6); right: 4rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #b00020; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #673AB7; } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -496,7 +518,7 @@ border-top-left-radius: 4px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2.5rem; height: 2.5rem; color: rgba(0, 0, 0, 0.6); @@ -506,13 +528,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -521,14 +543,14 @@ line-height: 2.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(0, 0, 0, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 500; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #673AB7; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -567,7 +589,7 @@ .p-datepicker table td.p-datepicker-today > span { background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-color: rgb(0, 0, 0); + border-color: black; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #673AB7; @@ -677,6 +699,7 @@ outline-offset: 0; box-shadow: none; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 3rem; } @@ -684,10 +707,12 @@ color: rgba(0, 0, 0, 0.6); right: 1rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(0, 0, 0, 0.6); right: 4rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -730,6 +755,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #b00020; } + .p-cascadeselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -769,6 +795,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f5f5f5; } @@ -778,9 +805,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #dcdcdc; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #b00020; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 1rem; } @@ -788,6 +817,7 @@ color: rgba(0, 0, 0, 0.6); right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -796,6 +826,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 18px; height: 18px; @@ -836,9 +867,11 @@ background: #673AB7; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #b00020; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f5f5f5; } @@ -851,12 +884,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #673AB7; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #b00020; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(0, 0, 0, 0.87); } @@ -895,9 +931,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #b00020; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 2rem; } @@ -905,22 +943,26 @@ color: rgba(0, 0, 0, 0.6); right: 1rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.38); @@ -964,6 +1006,7 @@ .p-dropdown.p-invalid.p-component { border-color: #b00020; } + .p-dropdown-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1027,6 +1070,7 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #f5f5f5; } @@ -1039,14 +1083,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #b00020; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #ffffff; color: rgba(0, 0, 0, 0.6); @@ -1059,68 +1106,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid rgba(0, 0, 0, 0.38); } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 1rem; color: rgba(0, 0, 0, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 1rem; color: rgba(0, 0, 0, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #b00020; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 3rem; } @@ -1128,9 +1185,11 @@ color: rgba(0, 0, 0, 0.6); right: 1rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #b00020; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 3rem; } @@ -1138,21 +1197,25 @@ color: rgba(0, 0, 0, 0.6); right: 1rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 4rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 4rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 3rem; } + .p-inputswitch { width: 2.75rem; height: 1rem; @@ -1191,9 +1254,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: rgba(103, 58, 183, 0.5); } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #b00020; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1226,54 +1291,69 @@ font-size: 1.25rem; padding: 1.25rem 1.25rem; } + .p-float-label > label { left: 1rem; color: rgba(0, 0, 0, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #b00020; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 1rem; color: rgba(0, 0, 0, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 3rem; } + .p-input-icon-left.p-float-label > label { left: 3rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 1rem; color: rgba(0, 0, 0, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 3rem; } + .p-icon-field-left > .p-inputtext { padding-left: 3rem; } + .p-icon-field-left.p-float-label > label { left: 3rem; } + .p-icon-field-right > .p-inputtext { padding-right: 3rem; } + ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } + :-moz-placeholder { color: rgba(0, 0, 0, 0.6); } + ::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } + :-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } + .p-input-filled .p-inputtext { background-color: #f5f5f5; } @@ -1283,14 +1363,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #dcdcdc; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.875rem 0.875rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 1.25rem 1.25rem; } + .p-listbox { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1365,9 +1448,11 @@ box-shadow: none; border-color: #673AB7; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #b00020; } + .p-multiselect { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.38); @@ -1407,9 +1492,11 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.5rem 1rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 2rem; } @@ -1417,6 +1504,7 @@ color: rgba(0, 0, 0, 0.6); right: 2.357rem; } + .p-multiselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1505,6 +1593,7 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #f5f5f5; } @@ -1514,12 +1603,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #dcdcdc; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #b00020; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #b00020; } + .p-password-panel { padding: 1rem; background: #ffffff; @@ -1541,6 +1633,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #689f38; } + p-password.p-password-clearable .p-password-input { padding-right: 3rem; } @@ -1548,6 +1641,7 @@ color: rgba(0, 0, 0, 0.6); right: 1rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 5rem; } @@ -1555,6 +1649,7 @@ color: rgba(0, 0, 0, 0.6); right: 3rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1592,9 +1687,11 @@ background: #ffffff; color: #673AB7; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #b00020; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f5f5f5; } @@ -1607,9 +1704,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #ffffff; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1640,6 +1739,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b00020; } + .p-selectbutton .p-button { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.12); @@ -1647,7 +1747,7 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1656,7 +1756,7 @@ color: rgba(0, 0, 0, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1665,7 +1765,7 @@ color: rgba(0, 0, 0, 0.87); } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-selectbutton .p-button.p-highlight:hover { @@ -1674,12 +1774,14 @@ color: rgba(0, 0, 0, 0.87); } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #b00020; } + .p-slider { background: #c1c1c1; border: 0 none; @@ -1731,6 +1833,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.12); @@ -1738,7 +1841,7 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1747,7 +1850,7 @@ color: rgba(0, 0, 0, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1756,7 +1859,7 @@ color: rgba(0, 0, 0, 0.87); } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-togglebutton.p-button.p-highlight:hover { @@ -1765,12 +1868,14 @@ color: rgba(0, 0, 0, 0.87); } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #b00020; } + .p-treeselect { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.38); @@ -1807,12 +1912,15 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #b00020; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.5rem 1rem; } + .p-treeselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1872,6 +1980,7 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #f5f5f5; } @@ -1881,6 +1990,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #dcdcdc; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 2rem; } @@ -1888,6 +1998,7 @@ color: rgba(0, 0, 0, 0.6); right: 3rem; } + .p-button { color: #ffffff; background: #673AB7; @@ -1999,7 +2110,7 @@ padding: 0.714rem; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2026,6 +2137,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2038,414 +2150,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #4CAF50; border: 0 none; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: rgba(76, 175, 80, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: rgba(76, 175, 80, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #4CAF50; border: 0 none; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); color: #4CAF50; border: 0 none; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(76, 175, 80, 0.16); color: #4CAF50; border: 0 none; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #4CAF50; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); border-color: transparent; color: #4CAF50; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(76, 175, 80, 0.16); border-color: transparent; color: #4CAF50; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #2196f3; border: 0 none; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #2196f3; border: 0 none; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); color: #2196f3; border: 0 none; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(33, 150, 243, 0.16); color: #2196f3; border: 0 none; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #2196f3; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; color: #2196f3; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; color: #2196f3; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689f38; border: 0 none; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #689f38; border: 0 none; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); color: #689f38; border: 0 none; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); color: #689f38; border: 0 none; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #689f38; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; color: #689f38; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; color: #689f38; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #fbc02d; border: 0 none; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.92); color: #212529; border-color: transparent; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.68); color: #212529; border-color: transparent; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #fbc02d; border: 0 none; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); color: #fbc02d; border: 0 none; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); color: #fbc02d; border: 0 none; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #fbc02d; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; color: #fbc02d; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; color: #fbc02d; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #9c27b0; border: 0 none; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9c27b0; border: 0 none; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9c27b0; border: 0 none; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); color: #9c27b0; border: 0 none; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #9c27b0; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9c27b0; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9c27b0; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #d32f2f; border: 0 none; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #d32f2f; border: 0 none; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); color: #d32f2f; border: 0 none; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); color: #d32f2f; border: 0 none; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #d32f2f; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; color: #d32f2f; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; color: #d32f2f; } + .p-button.p-button-link { color: #673AB7; background: transparent; @@ -2469,6 +2588,7 @@ color: #673AB7; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2480,14 +2600,17 @@ width: 2rem; height: 2rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: none; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2498,45 +2621,52 @@ background: rgba(76, 175, 80, 0.92); color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.32); } + .p-splitbutton { border-radius: 4px; } @@ -2614,6 +2744,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #4CAF50; @@ -2642,6 +2773,7 @@ border-color: transparent; color: #4CAF50; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #2196f3; @@ -2670,6 +2802,7 @@ border-color: transparent; color: #2196f3; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689f38; @@ -2698,6 +2831,7 @@ border-color: transparent; color: #689f38; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fbc02d; @@ -2726,6 +2860,7 @@ border-color: transparent; color: #fbc02d; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2754,6 +2889,7 @@ border-color: transparent; color: #9c27b0; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d32f2f; @@ -2782,8 +2918,9 @@ border-color: transparent; color: #d32f2f; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2.5rem; height: 2.5rem; color: rgba(0, 0, 0, 0.6); @@ -2794,13 +2931,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2826,6 +2963,7 @@ background: rgba(103, 58, 183, 0.12); color: #673AB7; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2919,9 +3057,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2.5rem; height: 2.5rem; color: rgba(0, 0, 0, 0.6); @@ -2931,17 +3069,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2971,12 +3109,12 @@ background: #673AB7; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #ffffff; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #ffffff; } .p-datatable .p-datatable-loading-icon { @@ -3079,6 +3217,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3117,10 +3256,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2.5rem; height: 2.5rem; @@ -3148,6 +3289,7 @@ outline-offset: 0; box-shadow: none; } + .p-column-filter-clear-button { width: 2.5rem; height: 2.5rem; @@ -3167,6 +3309,7 @@ outline-offset: 0; box-shadow: none; } + .p-column-filter-overlay { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3204,6 +3347,7 @@ border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.12); @@ -3232,6 +3376,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3317,6 +3462,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(0, 0, 0, 0.04); } + .p-orderlist-item.cdk-drag-preview { padding: 1rem 1rem; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); @@ -3325,6 +3471,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); @@ -3363,6 +3510,7 @@ outline-offset: 0; box-shadow: none; } + .p-paginator { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3372,9 +3520,9 @@ border-radius: 4px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(0, 0, 0, 0.6); @@ -3385,9 +3533,9 @@ border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); border-color: transparent; color: rgba(0, 0, 0, 0.6); @@ -3444,6 +3592,7 @@ border-color: transparent; color: rgba(0, 0, 0, 0.6); } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3529,6 +3678,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(0, 0, 0, 0.04); } + .p-picklist-item.cdk-drag-preview { padding: 1rem 1rem; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); @@ -3537,6 +3687,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3548,19 +3699,20 @@ background-color: #bdbdbd; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #e0e0e0; background: #ffffff; @@ -3617,11 +3769,11 @@ color: #673AB7; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #673AB7; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #673AB7; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3694,6 +3846,7 @@ outline-offset: 0; box-shadow: none; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3833,7 +3986,7 @@ background: #673AB7; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #ffffff; } .p-treetable .p-treetable-loading-icon { @@ -3894,6 +4047,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3918,6 +4072,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.5rem; border: 0 none; @@ -3990,6 +4145,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-card { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4015,6 +4171,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4038,6 +4195,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #e0e0e0; background: #ffffff; @@ -4078,6 +4236,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid #e0e0e0; padding: 1rem; @@ -4144,6 +4303,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: rgba(0, 0, 0, 0.12); border: 0 none; @@ -4154,6 +4314,7 @@ outline-offset: 0; box-shadow: none; } + .p-splitter { border: 1px solid #e0e0e0; background: #ffffff; @@ -4175,164 +4336,7 @@ .p-splitter .p-splitter-gutter-resizing { background: rgba(0, 0, 0, 0.12); } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: none; - border-radius: 4px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(0, 0, 0, 0.87); - border: 1px solid transparent; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(0, 0, 0, 0.87); - font-weight: 500; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(0, 0, 0, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #673AB7; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 1rem; - color: rgba(0, 0, 0, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #bdbdbd; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: none; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #673AB7; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4401,6 +4405,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-toolbar { background: #ffffff; border: 1px solid #e0e0e0; @@ -4411,6 +4416,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4458,6 +4464,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 4px; box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4530,6 +4537,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4571,6 +4579,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4581,7 +4590,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2.5rem; height: 2.5rem; color: rgba(0, 0, 0, 0.6); @@ -4591,13 +4600,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4611,6 +4620,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: rgba(97, 97, 97, 0.9); color: #ffffff; @@ -4630,6 +4640,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: rgba(97, 97, 97, 0.9); } + .p-fileupload .p-fileupload-buttonbar { background: #ffffff; padding: 1rem; @@ -4669,6 +4680,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: rgba(103, 58, 183, 0.92); color: #ffffff; @@ -4679,6 +4691,7 @@ color: #ffffff; border-color: transparent; } + .p-breadcrumb { background: #ffffff; border: 1px solid #e5e5e5; @@ -4710,6 +4723,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); } + .p-contextmenu { padding: 0.5rem 0; background: #ffffff; @@ -4757,7 +4771,7 @@ color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4771,7 +4785,7 @@ color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4782,7 +4796,7 @@ color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-contextmenu .p-menuitem-separator { @@ -4796,6 +4810,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4819,31 +4834,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4902,7 +4918,7 @@ color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4916,7 +4932,7 @@ color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4927,7 +4943,7 @@ color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-megamenu .p-megamenu-panel { @@ -4985,9 +5001,10 @@ color: rgba(0, 0, 0, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } + .p-menu { padding: 0.5rem 0; background: #ffffff; @@ -5024,7 +5041,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5038,7 +5055,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5049,7 +5066,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menu.p-menu-overlay { @@ -5083,6 +5100,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 1rem; background: transparent; @@ -5121,7 +5139,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5152,7 +5170,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5166,7 +5184,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5177,7 +5195,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-submenu-list { @@ -5194,6 +5212,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5368,7 +5387,7 @@ color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5382,7 +5401,7 @@ color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5393,7 +5412,7 @@ color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5433,6 +5452,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5475,7 +5495,7 @@ color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5489,7 +5509,7 @@ color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5500,7 +5520,7 @@ color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-slidemenu.p-slidemenu-overlay { @@ -5547,6 +5567,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5591,6 +5612,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: solid rgba(0, 0, 0, 0.12); @@ -5661,6 +5683,7 @@ outline-offset: 0; box-shadow: inset none; } + .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5711,7 +5734,7 @@ color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5725,7 +5748,7 @@ color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5736,7 +5759,7 @@ color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-tieredmenu .p-menuitem-separator { @@ -5750,6 +5773,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 1rem 1rem; margin: 0; @@ -5805,6 +5829,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 4px; @@ -5893,6 +5918,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5943,7 +5969,7 @@ color: #01579b; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { @@ -5953,7 +5979,7 @@ color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5963,7 +5989,7 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { @@ -5973,9 +5999,10 @@ color: #b71c1c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #b71c1c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -6006,7 +6033,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6063,7 +6090,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -6073,7 +6100,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.87); } @@ -6082,23 +6109,29 @@ outline-offset: 0; box-shadow: none; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6122,6 +6155,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; @@ -6142,9 +6176,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #673AB7; color: #ffffff; @@ -6186,6 +6222,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); @@ -6221,6 +6258,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 1rem 1rem; border-radius: 4px; @@ -6235,15 +6273,19 @@ outline-offset: 0; box-shadow: none; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6251,19 +6293,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6323,6 +6370,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-progressbar { border: 0 none; height: 4px; @@ -6338,6 +6386,7 @@ color: #ffffff; line-height: 4px; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6359,6 +6408,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(0, 0, 0, 0.08); border-radius: 4px; @@ -6366,6 +6416,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #673AB7; color: #ffffff; @@ -6398,6 +6449,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -6449,9 +6501,11 @@ .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { opacity: 0.38; } + .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -6481,9 +6535,11 @@ background-image: none; background: transparent; } + .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 1rem; } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding-top: 0; padding-bottom: 0; @@ -6513,18 +6569,21 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-breadcrumb .p-menuitem-link { padding: 0.25rem 0.5rem; } .p-breadcrumb .p-menuitem-link:focus { background: rgba(0, 0, 0, 0.12); } + .p-button { font-weight: 500; min-width: 4rem; @@ -6576,6 +6635,7 @@ .p-button.p-button-raised:enabled:focus { 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); } + .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 { background: rgba(76, 175, 80, 0.76); } @@ -6591,6 +6651,7 @@ .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { background-color: rgba(76, 175, 80, 0.16); } + .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 { background: rgba(33, 150, 243, 0.76); } @@ -6606,6 +6667,7 @@ .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { background-color: rgba(33, 150, 243, 0.16); } + .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 { background: rgba(104, 159, 56, 0.76); } @@ -6621,6 +6683,7 @@ .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { background-color: rgba(104, 159, 56, 0.16); } + .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 { background: rgba(251, 192, 45, 0.76); } @@ -6636,6 +6699,7 @@ .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { background-color: rgba(251, 192, 45, 0.16); } + .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 { background: rgba(156, 39, 176, 0.76); } @@ -6651,6 +6715,7 @@ .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { background-color: rgba(156, 39, 176, 0.16); } + .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 { background: rgba(211, 47, 47, 0.76); } @@ -6666,6 +6731,7 @@ .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { background-color: rgba(211, 47, 47, 0.16); } + .p-calendar-w-btn { border: 1px solid rgba(0, 0, 0, 0.38); background: #ffffff; @@ -6712,6 +6778,7 @@ .p-calendar-w-btn.p-calendar-disabled .p-inputtext { opacity: 1; } + .p-datepicker .p-datepicker-header { border-bottom: 0 none; } @@ -6737,6 +6804,7 @@ .p-datepicker table td.p-datepicker-today.p-highlight { box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.12); } + p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } @@ -6749,6 +6817,7 @@ p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-input-filled .p-calendar-w-btn { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -6804,6 +6873,7 @@ border: 0 none; background-image: none; } + .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { background-image: none; background: transparent; @@ -6814,9 +6884,11 @@ .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } + .p-cascadeselect-item .p-ink { background-color: rgba(103, 58, 183, 0.16); } + .p-input-filled .p-cascadeselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -6864,6 +6936,7 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { padding-top: 1.5rem; padding-bottom: 0.5rem; @@ -6883,13 +6956,16 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #4CAF50; color: #ffffff; } + .p-checkbox { border-radius: 50%; transition: box-shadow 0.2s; @@ -6931,12 +7007,14 @@ .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #ffffff; } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { background-color: #ffffff; } + @keyframes checkbox-check { 0% { width: 0; @@ -6959,6 +7037,7 @@ .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } + .p-input-filled .p-chips-multiple-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -6988,9 +7067,11 @@ background-image: none; background: transparent; } + .p-float-label .p-chips-multiple-container .p-chips-token { padding: 0.25rem 1rem; } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { padding-top: 0; padding-bottom: 0; @@ -7012,9 +7093,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-datatable .p-sortable-column { outline: 0 none; } @@ -7027,12 +7110,14 @@ .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { background-color: rgba(0, 0, 0, 0.03); } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #673AB7; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #673AB7; } + .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { background-image: none; background: transparent; @@ -7043,9 +7128,11 @@ .p-dropdown:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } + .p-dropdown-item .p-ink { background-color: rgba(103, 58, 183, 0.16); } + .p-input-filled .p-dropdown { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7089,9 +7176,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-galleria .p-galleria-indicators { padding: 1rem; } @@ -7103,12 +7192,14 @@ background: rgba(76, 175, 80, 0.68); color: #ffffff; } + .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } .p-inputtext:enabled:focus.ng-invalid.ng-dirty { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-input-filled .p-inputtext { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7138,6 +7229,7 @@ box-shadow: none; border-color: transparent; } + .p-input-filled .p-inputgroup .p-inputgroup-addon { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7152,24 +7244,26 @@ border-right-color: transparent; } .p-input-filled .p-inputgroup-addon:first-child, - .p-input-filled .p-inputgroup button:first-child, - .p-input-filled .p-inputgroup input:first-child { +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { border-bottom-left-radius: 0; } .p-input-filled .p-inputgroup .p-float-label:first-child input { border-bottom-left-radius: 0; } .p-input-filled .p-inputgroup-addon:last-child, - .p-input-filled .p-inputgroup button:last-child, - .p-input-filled .p-inputgroup input:last-child { +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { border-bottom-right-radius: 0; } .p-input-filled .p-inputgroup .p-float-label:last-child input { border-bottom-right-radius: 0; } + p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); @@ -7178,9 +7272,11 @@ box-shadow: none; border-color: transparent; } + p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); @@ -7189,6 +7285,7 @@ box-shadow: none; border-color: transparent; } + .p-inputswitch .p-inputswitch-slider:before { transition-property: box-shadow transform; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -7205,45 +7302,51 @@ .p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } + .p-fieldset .p-fieldset-legend { border: 0 none; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { background: rgba(0, 0, 0, 0.12); } + .p-float-label input:focus ~ label, - .p-float-label input.p-filled ~ label, - .p-float-label textarea:focus ~ label, - .p-float-label textarea.p-filled ~ label, - .p-float-label .p-inputwrapper-focus ~ label, - .p-float-label .p-inputwrapper-filled ~ label { +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { top: -0.5rem !important; background-color: #ffffff; padding: 2px 4px; margin-left: -4px; margin-top: 0; } + .p-float-label textarea ~ label { margin-top: 0; } + .p-float-label input:focus ~ label, - .p-float-label .p-inputwrapper-focus ~ label { +.p-float-label .p-inputwrapper-focus ~ label { color: #673AB7; } + .p-input-filled .p-float-label .p-inputtext { padding-top: 1.5rem; padding-bottom: 0.5rem; } .p-input-filled .p-float-label input:focus ~ label, - .p-input-filled .p-float-label input.p-filled ~ label, - .p-input-filled .p-float-label textarea:focus ~ label, - .p-input-filled .p-float-label textarea.p-filled ~ label, - .p-input-filled .p-float-label .p-inputwrapper-focus ~ label, - .p-input-filled .p-float-label .p-inputwrapper-filled ~ label { +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { top: 0.25rem !important; margin-top: 0; background: transparent; } + .p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(103, 58, 183, 0.16); } @@ -7253,21 +7356,25 @@ .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { background: rgba(103, 58, 183, 0.24); } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-menu .p-menuitem .p-menuitem-link:focus { background: rgba(0, 0, 0, 0.12); } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { background-image: none; background: transparent; @@ -7278,6 +7385,7 @@ .p-multiselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { background-color: rgba(103, 58, 183, 0.16); } @@ -7290,6 +7398,7 @@ .p-multiselect-panel .p-multiselect-close:focus { background: rgba(0, 0, 0, 0.12); } + .p-input-filled .p-multiselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7323,11 +7432,13 @@ background-image: none; background: transparent; } + .p-float-label .p-multiselect-label .p-multiselect-token { padding: 0.25rem 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } + .p-input-filled .p-float-label .p-multiselect .p-multiselect-label { padding-top: 1.5rem; padding-bottom: 0.5rem; @@ -7356,18 +7467,22 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-orderlist .p-orderlist-list .p-orderlist-item:focus { background: rgba(0, 0, 0, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { background: rgba(103, 58, 183, 0.24); } + .p-overlaypanel .p-overlaypanel-content { padding: 1.5rem; } + .p-paginator { justify-content: flex-end; } @@ -7377,13 +7492,14 @@ .p-paginator .p-paginator-element:focus.p-highlight { background: rgba(103, 58, 183, 0.24); } + .p-panel { border-radius: 4px; 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); } .p-panel .p-panel-header, - .p-panel .p-panel-content, - .p-panel .p-panel-footer { +.p-panel .p-panel-content, +.p-panel .p-panel-footer { border: 0 none; } .p-panel .p-panel-content { @@ -7395,6 +7511,7 @@ .p-panel .p-panel-header-icon:focus { background: rgba(0, 0, 0, 0.12); } + .p-panelmenu .p-panelmenu-panel { 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); margin-bottom: 0; @@ -7430,18 +7547,21 @@ .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-picklist .p-picklist-list .p-picklist-item:focus { background: rgba(0, 0, 0, 0.12); } .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { background: rgba(103, 58, 183, 0.24); } + .p-progressbar { border-radius: 0; } .p-progressbar .p-progressbar-label { display: none !important; } + .p-radiobutton { border-radius: 50%; transition: box-shadow 0.2s; @@ -7467,12 +7587,14 @@ .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #ffffff; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { background-color: #ffffff; } + .p-rating { gap: 0; } @@ -7494,6 +7616,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { background: rgba(176, 0, 32, 0.04); } + .p-selectbutton .p-button:focus { background: #e0e0e1; border-color: #e0e0e1; @@ -7502,12 +7625,14 @@ background: #d9d8d9; border-color: #d9d8d9; } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-slider .p-slider-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); @@ -7518,6 +7643,7 @@ .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); } + .p-steps { padding: 1rem 0; } @@ -7570,6 +7696,7 @@ .p-steps .p-steps-item.p-disabled { opacity: 1; } + .p-tabview .p-tabview-nav { position: relative; } @@ -7592,9 +7719,11 @@ background-color: #673AB7; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-toolbar { border: 0 none; } + .p-tooltip .p-tooltip-text { box-shadow: none; font-size: 0.875rem; @@ -7602,12 +7731,14 @@ .p-tooltip .p-tooltip-arrow { display: none; } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { background-image: none; background: transparent; @@ -7618,9 +7749,11 @@ .p-treeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } + .p-treeselect-item .p-ink { background-color: rgba(103, 58, 183, 0.16); } + .p-input-filled .p-treeselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7654,11 +7787,13 @@ background-image: none; background: transparent; } + .p-float-label .p-treeselect-label .p-treeselect-token { padding: 0.25rem 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } + .p-input-filled .p-float-label .p-treeselect .p-treeselect-label { padding-top: 1.5rem; padding-bottom: 0.5rem; @@ -7687,9 +7822,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + .p-treeselect.p-invalid:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-tree .p-tree-container .p-treenode { outline: 0 none; } @@ -7699,6 +7836,7 @@ .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { background: rgba(103, 58, 183, 0.24); } + .p-treetable .p-sortable-column { outline: 0 none; } @@ -7711,6 +7849,7 @@ .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { background-color: rgba(0, 0, 0, 0.03); } + .p-tabmenu .p-tabmenu-nav { position: relative; } @@ -7735,12 +7874,14 @@ background-color: #673AB7; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { margin: 0.5rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { margin: 0 0.5rem; } + .p-togglebutton.p-button:focus { background: #e0e0e1; border-color: #e0e0e1; @@ -7749,6 +7890,7 @@ background: #d9d8d9; border-color: #d9d8d9; } + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(103, 58, 183, 0.12); } @@ -7780,45 +7922,53 @@ .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { 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); } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(76, 175, 80, 0.12); } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(76, 175, 80, 0.16); } + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(33, 150, 243, 0.12); } .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(104, 159, 56, 0.12); } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(251, 192, 45, 0.12); } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(156, 39, 176, 0.12); } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(211, 47, 47, 0.12); } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); } + .p-scrollpanel .p-scrollpanel-bar:focus { box-shadow: 0 0 1px 4px rgba(76, 175, 80, 0.2); } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); diff --git a/src/assets/components/themes/md-light-indigo/theme.css b/src/assets/components/themes/md-light-indigo/theme.css index 862ab6447d6..a181b90ea17 100644 --- a/src/assets/components/themes/md-light-indigo/theme.css +++ b/src/assets/components/themes/md-light-indigo/theme.css @@ -54,21 +54,24 @@ font-family: "Roboto"; font-style: normal; font-weight: 400; - src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500 - latin-ext_latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; - src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-700 - latin-ext_latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; - src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } :root { --blue-50:#f4fafe; @@ -296,32 +299,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.32); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.38; } + .p-error { color: #b00020; } + .p-text-secondary { color: rgba(0, 0, 0, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -333,12 +344,15 @@ outline-offset: 0; box-shadow: none; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -355,6 +369,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 1rem; } @@ -401,6 +416,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #b00020; } + .p-autocomplete-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -447,9 +463,11 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #b00020; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 3rem; } @@ -457,19 +475,23 @@ color: rgba(0, 0, 0, 0.6); right: 1rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(0, 0, 0, 0.6); right: 4rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #b00020; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #3F51B5; } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -496,7 +518,7 @@ border-top-left-radius: 4px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2.5rem; height: 2.5rem; color: rgba(0, 0, 0, 0.6); @@ -506,13 +528,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -521,14 +543,14 @@ line-height: 2.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(0, 0, 0, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 500; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #3F51B5; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -567,7 +589,7 @@ .p-datepicker table td.p-datepicker-today > span { background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-color: rgb(0, 0, 0); + border-color: black; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #3F51B5; @@ -677,6 +699,7 @@ outline-offset: 0; box-shadow: none; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 3rem; } @@ -684,10 +707,12 @@ color: rgba(0, 0, 0, 0.6); right: 1rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(0, 0, 0, 0.6); right: 4rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -730,6 +755,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #b00020; } + .p-cascadeselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -769,6 +795,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f5f5f5; } @@ -778,9 +805,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #dcdcdc; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #b00020; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 1rem; } @@ -788,6 +817,7 @@ color: rgba(0, 0, 0, 0.6); right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -796,6 +826,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 18px; height: 18px; @@ -836,9 +867,11 @@ background: #3F51B5; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #b00020; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f5f5f5; } @@ -851,12 +884,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #3F51B5; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #b00020; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(0, 0, 0, 0.87); } @@ -895,9 +931,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #b00020; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 2rem; } @@ -905,22 +943,26 @@ color: rgba(0, 0, 0, 0.6); right: 1rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.38); @@ -964,6 +1006,7 @@ .p-dropdown.p-invalid.p-component { border-color: #b00020; } + .p-dropdown-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1027,6 +1070,7 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #f5f5f5; } @@ -1039,14 +1083,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #b00020; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #ffffff; color: rgba(0, 0, 0, 0.6); @@ -1059,68 +1106,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid rgba(0, 0, 0, 0.38); } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 1rem; color: rgba(0, 0, 0, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 1rem; color: rgba(0, 0, 0, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #b00020; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 3rem; } @@ -1128,9 +1185,11 @@ color: rgba(0, 0, 0, 0.6); right: 1rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #b00020; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 3rem; } @@ -1138,21 +1197,25 @@ color: rgba(0, 0, 0, 0.6); right: 1rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 4rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 4rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 3rem; } + .p-inputswitch { width: 2.75rem; height: 1rem; @@ -1191,9 +1254,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: rgba(63, 81, 181, 0.5); } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #b00020; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1226,54 +1291,69 @@ font-size: 1.25rem; padding: 1.25rem 1.25rem; } + .p-float-label > label { left: 1rem; color: rgba(0, 0, 0, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #b00020; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 1rem; color: rgba(0, 0, 0, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 3rem; } + .p-input-icon-left.p-float-label > label { left: 3rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 1rem; color: rgba(0, 0, 0, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 3rem; } + .p-icon-field-left > .p-inputtext { padding-left: 3rem; } + .p-icon-field-left.p-float-label > label { left: 3rem; } + .p-icon-field-right > .p-inputtext { padding-right: 3rem; } + ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } + :-moz-placeholder { color: rgba(0, 0, 0, 0.6); } + ::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } + :-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } + .p-input-filled .p-inputtext { background-color: #f5f5f5; } @@ -1283,14 +1363,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #dcdcdc; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.875rem 0.875rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 1.25rem 1.25rem; } + .p-listbox { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1365,9 +1448,11 @@ box-shadow: none; border-color: #3F51B5; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #b00020; } + .p-multiselect { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.38); @@ -1407,9 +1492,11 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.5rem 1rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 2rem; } @@ -1417,6 +1504,7 @@ color: rgba(0, 0, 0, 0.6); right: 2.357rem; } + .p-multiselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1505,6 +1593,7 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #f5f5f5; } @@ -1514,12 +1603,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #dcdcdc; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #b00020; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #b00020; } + .p-password-panel { padding: 1rem; background: #ffffff; @@ -1541,6 +1633,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #689f38; } + p-password.p-password-clearable .p-password-input { padding-right: 3rem; } @@ -1548,6 +1641,7 @@ color: rgba(0, 0, 0, 0.6); right: 1rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 5rem; } @@ -1555,6 +1649,7 @@ color: rgba(0, 0, 0, 0.6); right: 3rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1592,9 +1687,11 @@ background: #ffffff; color: #3F51B5; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #b00020; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f5f5f5; } @@ -1607,9 +1704,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #ffffff; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1640,6 +1739,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b00020; } + .p-selectbutton .p-button { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.12); @@ -1647,7 +1747,7 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1656,7 +1756,7 @@ color: rgba(0, 0, 0, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1665,7 +1765,7 @@ color: rgba(0, 0, 0, 0.87); } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-selectbutton .p-button.p-highlight:hover { @@ -1674,12 +1774,14 @@ color: rgba(0, 0, 0, 0.87); } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #b00020; } + .p-slider { background: #c1c1c1; border: 0 none; @@ -1731,6 +1833,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.12); @@ -1738,7 +1841,7 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1747,7 +1850,7 @@ color: rgba(0, 0, 0, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1756,7 +1859,7 @@ color: rgba(0, 0, 0, 0.87); } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-togglebutton.p-button.p-highlight:hover { @@ -1765,12 +1868,14 @@ color: rgba(0, 0, 0, 0.87); } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #b00020; } + .p-treeselect { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.38); @@ -1807,12 +1912,15 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #b00020; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.5rem 1rem; } + .p-treeselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1872,6 +1980,7 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #f5f5f5; } @@ -1881,6 +1990,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #dcdcdc; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 2rem; } @@ -1888,6 +1998,7 @@ color: rgba(0, 0, 0, 0.6); right: 3rem; } + .p-button { color: #ffffff; background: #3F51B5; @@ -1999,7 +2110,7 @@ padding: 0.714rem; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2026,6 +2137,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2038,414 +2150,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #ff4081; border: 0 none; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: rgba(255, 64, 129, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: rgba(255, 64, 129, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #ff4081; border: 0 none; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 64, 129, 0.04); color: #ff4081; border: 0 none; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 64, 129, 0.16); color: #ff4081; border: 0 none; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #ff4081; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 64, 129, 0.04); border-color: transparent; color: #ff4081; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 64, 129, 0.16); border-color: transparent; color: #ff4081; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #2196f3; border: 0 none; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #2196f3; border: 0 none; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); color: #2196f3; border: 0 none; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(33, 150, 243, 0.16); color: #2196f3; border: 0 none; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #2196f3; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; color: #2196f3; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; color: #2196f3; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689f38; border: 0 none; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #689f38; border: 0 none; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); color: #689f38; border: 0 none; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); color: #689f38; border: 0 none; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #689f38; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; color: #689f38; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; color: #689f38; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #fbc02d; border: 0 none; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.92); color: #212529; border-color: transparent; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.68); color: #212529; border-color: transparent; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #fbc02d; border: 0 none; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); color: #fbc02d; border: 0 none; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); color: #fbc02d; border: 0 none; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #fbc02d; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; color: #fbc02d; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; color: #fbc02d; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #9c27b0; border: 0 none; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9c27b0; border: 0 none; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9c27b0; border: 0 none; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); color: #9c27b0; border: 0 none; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #9c27b0; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9c27b0; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9c27b0; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #d32f2f; border: 0 none; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #d32f2f; border: 0 none; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); color: #d32f2f; border: 0 none; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); color: #d32f2f; border: 0 none; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #d32f2f; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; color: #d32f2f; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; color: #d32f2f; } + .p-button.p-button-link { color: #3F51B5; background: transparent; @@ -2469,6 +2588,7 @@ color: #3F51B5; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2480,14 +2600,17 @@ width: 2rem; height: 2rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: none; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2498,45 +2621,52 @@ background: rgba(255, 64, 129, 0.92); color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.32); } + .p-splitbutton { border-radius: 4px; } @@ -2614,6 +2744,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #ff4081; @@ -2642,6 +2773,7 @@ border-color: transparent; color: #ff4081; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #2196f3; @@ -2670,6 +2802,7 @@ border-color: transparent; color: #2196f3; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689f38; @@ -2698,6 +2831,7 @@ border-color: transparent; color: #689f38; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fbc02d; @@ -2726,6 +2860,7 @@ border-color: transparent; color: #fbc02d; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2754,6 +2889,7 @@ border-color: transparent; color: #9c27b0; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d32f2f; @@ -2782,8 +2918,9 @@ border-color: transparent; color: #d32f2f; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2.5rem; height: 2.5rem; color: rgba(0, 0, 0, 0.6); @@ -2794,13 +2931,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2826,6 +2963,7 @@ background: rgba(63, 81, 181, 0.12); color: #3F51B5; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2919,9 +3057,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2.5rem; height: 2.5rem; color: rgba(0, 0, 0, 0.6); @@ -2931,17 +3069,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2971,12 +3109,12 @@ background: #3F51B5; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #ffffff; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #ffffff; } .p-datatable .p-datatable-loading-icon { @@ -3079,6 +3217,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3117,10 +3256,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2.5rem; height: 2.5rem; @@ -3148,6 +3289,7 @@ outline-offset: 0; box-shadow: none; } + .p-column-filter-clear-button { width: 2.5rem; height: 2.5rem; @@ -3167,6 +3309,7 @@ outline-offset: 0; box-shadow: none; } + .p-column-filter-overlay { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3204,6 +3347,7 @@ border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.12); @@ -3232,6 +3376,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3317,6 +3462,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(0, 0, 0, 0.04); } + .p-orderlist-item.cdk-drag-preview { padding: 1rem 1rem; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); @@ -3325,6 +3471,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); @@ -3363,6 +3510,7 @@ outline-offset: 0; box-shadow: none; } + .p-paginator { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3372,9 +3520,9 @@ border-radius: 4px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(0, 0, 0, 0.6); @@ -3385,9 +3533,9 @@ border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); border-color: transparent; color: rgba(0, 0, 0, 0.6); @@ -3444,6 +3592,7 @@ border-color: transparent; color: rgba(0, 0, 0, 0.6); } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3529,6 +3678,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(0, 0, 0, 0.04); } + .p-picklist-item.cdk-drag-preview { padding: 1rem 1rem; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); @@ -3537,6 +3687,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3548,19 +3699,20 @@ background-color: #bdbdbd; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #e0e0e0; background: #ffffff; @@ -3617,11 +3769,11 @@ color: #3F51B5; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #3F51B5; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #3F51B5; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3694,6 +3846,7 @@ outline-offset: 0; box-shadow: none; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3833,7 +3986,7 @@ background: #3F51B5; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #ffffff; } .p-treetable .p-treetable-loading-icon { @@ -3894,6 +4047,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3918,6 +4072,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.5rem; border: 0 none; @@ -3990,6 +4145,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-card { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4015,6 +4171,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4038,6 +4195,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #e0e0e0; background: #ffffff; @@ -4078,6 +4236,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid #e0e0e0; padding: 1rem; @@ -4144,6 +4303,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: rgba(0, 0, 0, 0.12); border: 0 none; @@ -4154,6 +4314,7 @@ outline-offset: 0; box-shadow: none; } + .p-splitter { border: 1px solid #e0e0e0; background: #ffffff; @@ -4175,164 +4336,7 @@ .p-splitter .p-splitter-gutter-resizing { background: rgba(0, 0, 0, 0.12); } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: none; - border-radius: 4px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(0, 0, 0, 0.87); - border: 1px solid transparent; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(0, 0, 0, 0.87); - font-weight: 500; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(0, 0, 0, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #3F51B5; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 1rem; - color: rgba(0, 0, 0, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #bdbdbd; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: none; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #3F51B5; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4401,6 +4405,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-toolbar { background: #ffffff; border: 1px solid #e0e0e0; @@ -4411,6 +4416,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4458,6 +4464,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 4px; box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4530,6 +4537,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4571,6 +4579,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4581,7 +4590,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2.5rem; height: 2.5rem; color: rgba(0, 0, 0, 0.6); @@ -4591,13 +4600,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4611,6 +4620,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: rgba(97, 97, 97, 0.9); color: #ffffff; @@ -4630,6 +4640,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: rgba(97, 97, 97, 0.9); } + .p-fileupload .p-fileupload-buttonbar { background: #ffffff; padding: 1rem; @@ -4669,6 +4680,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: rgba(63, 81, 181, 0.92); color: #ffffff; @@ -4679,6 +4691,7 @@ color: #ffffff; border-color: transparent; } + .p-breadcrumb { background: #ffffff; border: 1px solid #e5e5e5; @@ -4710,6 +4723,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); } + .p-contextmenu { padding: 0.5rem 0; background: #ffffff; @@ -4757,7 +4771,7 @@ color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4771,7 +4785,7 @@ color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4782,7 +4796,7 @@ color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-contextmenu .p-menuitem-separator { @@ -4796,6 +4810,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4819,31 +4834,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4902,7 +4918,7 @@ color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4916,7 +4932,7 @@ color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4927,7 +4943,7 @@ color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-megamenu .p-megamenu-panel { @@ -4985,9 +5001,10 @@ color: rgba(0, 0, 0, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } + .p-menu { padding: 0.5rem 0; background: #ffffff; @@ -5024,7 +5041,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5038,7 +5055,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5049,7 +5066,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menu.p-menu-overlay { @@ -5083,6 +5100,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 1rem; background: transparent; @@ -5121,7 +5139,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5152,7 +5170,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5166,7 +5184,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5177,7 +5195,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-submenu-list { @@ -5194,6 +5212,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5368,7 +5387,7 @@ color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5382,7 +5401,7 @@ color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5393,7 +5412,7 @@ color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5433,6 +5452,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5475,7 +5495,7 @@ color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5489,7 +5509,7 @@ color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5500,7 +5520,7 @@ color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-slidemenu.p-slidemenu-overlay { @@ -5547,6 +5567,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5591,6 +5612,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: solid rgba(0, 0, 0, 0.12); @@ -5661,6 +5683,7 @@ outline-offset: 0; box-shadow: inset none; } + .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5711,7 +5734,7 @@ color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5725,7 +5748,7 @@ color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5736,7 +5759,7 @@ color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-tieredmenu .p-menuitem-separator { @@ -5750,6 +5773,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 1rem 1rem; margin: 0; @@ -5805,6 +5829,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 4px; @@ -5893,6 +5918,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5943,7 +5969,7 @@ color: #01579b; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { @@ -5953,7 +5979,7 @@ color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5963,7 +5989,7 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { @@ -5973,9 +5999,10 @@ color: #b71c1c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #b71c1c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -6006,7 +6033,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6063,7 +6090,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -6073,7 +6100,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.87); } @@ -6082,23 +6109,29 @@ outline-offset: 0; box-shadow: none; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6122,6 +6155,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; @@ -6142,9 +6176,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #3F51B5; color: #ffffff; @@ -6186,6 +6222,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); @@ -6221,6 +6258,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 1rem 1rem; border-radius: 4px; @@ -6235,15 +6273,19 @@ outline-offset: 0; box-shadow: none; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6251,19 +6293,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6323,6 +6370,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-progressbar { border: 0 none; height: 4px; @@ -6338,6 +6386,7 @@ color: #ffffff; line-height: 4px; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6359,6 +6408,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(0, 0, 0, 0.08); border-radius: 4px; @@ -6366,6 +6416,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #3F51B5; color: #ffffff; @@ -6398,6 +6449,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -6449,9 +6501,11 @@ .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { opacity: 0.38; } + .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -6481,9 +6535,11 @@ background-image: none; background: transparent; } + .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 1rem; } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding-top: 0; padding-bottom: 0; @@ -6513,18 +6569,21 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-breadcrumb .p-menuitem-link { padding: 0.25rem 0.5rem; } .p-breadcrumb .p-menuitem-link:focus { background: rgba(0, 0, 0, 0.12); } + .p-button { font-weight: 500; min-width: 4rem; @@ -6576,6 +6635,7 @@ .p-button.p-button-raised:enabled:focus { 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); } + .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 { background: rgba(255, 64, 129, 0.76); } @@ -6591,6 +6651,7 @@ .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { background-color: rgba(255, 64, 129, 0.16); } + .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 { background: rgba(33, 150, 243, 0.76); } @@ -6606,6 +6667,7 @@ .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { background-color: rgba(33, 150, 243, 0.16); } + .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 { background: rgba(104, 159, 56, 0.76); } @@ -6621,6 +6683,7 @@ .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { background-color: rgba(104, 159, 56, 0.16); } + .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 { background: rgba(251, 192, 45, 0.76); } @@ -6636,6 +6699,7 @@ .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { background-color: rgba(251, 192, 45, 0.16); } + .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 { background: rgba(156, 39, 176, 0.76); } @@ -6651,6 +6715,7 @@ .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { background-color: rgba(156, 39, 176, 0.16); } + .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 { background: rgba(211, 47, 47, 0.76); } @@ -6666,6 +6731,7 @@ .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { background-color: rgba(211, 47, 47, 0.16); } + .p-calendar-w-btn { border: 1px solid rgba(0, 0, 0, 0.38); background: #ffffff; @@ -6712,6 +6778,7 @@ .p-calendar-w-btn.p-calendar-disabled .p-inputtext { opacity: 1; } + .p-datepicker .p-datepicker-header { border-bottom: 0 none; } @@ -6737,6 +6804,7 @@ .p-datepicker table td.p-datepicker-today.p-highlight { box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.12); } + p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } @@ -6749,6 +6817,7 @@ p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-input-filled .p-calendar-w-btn { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -6804,6 +6873,7 @@ border: 0 none; background-image: none; } + .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { background-image: none; background: transparent; @@ -6814,9 +6884,11 @@ .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } + .p-cascadeselect-item .p-ink { background-color: rgba(63, 81, 181, 0.16); } + .p-input-filled .p-cascadeselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -6864,6 +6936,7 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { padding-top: 1.5rem; padding-bottom: 0.5rem; @@ -6883,13 +6956,16 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #ff4081; color: #ffffff; } + .p-checkbox { border-radius: 50%; transition: box-shadow 0.2s; @@ -6931,12 +7007,14 @@ .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #ffffff; } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { background-color: #ffffff; } + @keyframes checkbox-check { 0% { width: 0; @@ -6959,6 +7037,7 @@ .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } + .p-input-filled .p-chips-multiple-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -6988,9 +7067,11 @@ background-image: none; background: transparent; } + .p-float-label .p-chips-multiple-container .p-chips-token { padding: 0.25rem 1rem; } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { padding-top: 0; padding-bottom: 0; @@ -7012,9 +7093,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-datatable .p-sortable-column { outline: 0 none; } @@ -7027,12 +7110,14 @@ .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { background-color: rgba(0, 0, 0, 0.03); } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #3F51B5; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #3F51B5; } + .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { background-image: none; background: transparent; @@ -7043,9 +7128,11 @@ .p-dropdown:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } + .p-dropdown-item .p-ink { background-color: rgba(63, 81, 181, 0.16); } + .p-input-filled .p-dropdown { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7089,9 +7176,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-galleria .p-galleria-indicators { padding: 1rem; } @@ -7103,12 +7192,14 @@ background: rgba(255, 64, 129, 0.68); color: #ffffff; } + .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } .p-inputtext:enabled:focus.ng-invalid.ng-dirty { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-input-filled .p-inputtext { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7138,6 +7229,7 @@ box-shadow: none; border-color: transparent; } + .p-input-filled .p-inputgroup .p-inputgroup-addon { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7152,24 +7244,26 @@ border-right-color: transparent; } .p-input-filled .p-inputgroup-addon:first-child, - .p-input-filled .p-inputgroup button:first-child, - .p-input-filled .p-inputgroup input:first-child { +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { border-bottom-left-radius: 0; } .p-input-filled .p-inputgroup .p-float-label:first-child input { border-bottom-left-radius: 0; } .p-input-filled .p-inputgroup-addon:last-child, - .p-input-filled .p-inputgroup button:last-child, - .p-input-filled .p-inputgroup input:last-child { +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { border-bottom-right-radius: 0; } .p-input-filled .p-inputgroup .p-float-label:last-child input { border-bottom-right-radius: 0; } + p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); @@ -7178,9 +7272,11 @@ box-shadow: none; border-color: transparent; } + p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); @@ -7189,6 +7285,7 @@ box-shadow: none; border-color: transparent; } + .p-inputswitch .p-inputswitch-slider:before { transition-property: box-shadow transform; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -7205,45 +7302,51 @@ .p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } + .p-fieldset .p-fieldset-legend { border: 0 none; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { background: rgba(0, 0, 0, 0.12); } + .p-float-label input:focus ~ label, - .p-float-label input.p-filled ~ label, - .p-float-label textarea:focus ~ label, - .p-float-label textarea.p-filled ~ label, - .p-float-label .p-inputwrapper-focus ~ label, - .p-float-label .p-inputwrapper-filled ~ label { +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { top: -0.5rem !important; background-color: #ffffff; padding: 2px 4px; margin-left: -4px; margin-top: 0; } + .p-float-label textarea ~ label { margin-top: 0; } + .p-float-label input:focus ~ label, - .p-float-label .p-inputwrapper-focus ~ label { +.p-float-label .p-inputwrapper-focus ~ label { color: #3F51B5; } + .p-input-filled .p-float-label .p-inputtext { padding-top: 1.5rem; padding-bottom: 0.5rem; } .p-input-filled .p-float-label input:focus ~ label, - .p-input-filled .p-float-label input.p-filled ~ label, - .p-input-filled .p-float-label textarea:focus ~ label, - .p-input-filled .p-float-label textarea.p-filled ~ label, - .p-input-filled .p-float-label .p-inputwrapper-focus ~ label, - .p-input-filled .p-float-label .p-inputwrapper-filled ~ label { +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { top: 0.25rem !important; margin-top: 0; background: transparent; } + .p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(63, 81, 181, 0.16); } @@ -7253,21 +7356,25 @@ .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { background: rgba(63, 81, 181, 0.24); } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-menu .p-menuitem .p-menuitem-link:focus { background: rgba(0, 0, 0, 0.12); } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { background-image: none; background: transparent; @@ -7278,6 +7385,7 @@ .p-multiselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { background-color: rgba(63, 81, 181, 0.16); } @@ -7290,6 +7398,7 @@ .p-multiselect-panel .p-multiselect-close:focus { background: rgba(0, 0, 0, 0.12); } + .p-input-filled .p-multiselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7323,11 +7432,13 @@ background-image: none; background: transparent; } + .p-float-label .p-multiselect-label .p-multiselect-token { padding: 0.25rem 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } + .p-input-filled .p-float-label .p-multiselect .p-multiselect-label { padding-top: 1.5rem; padding-bottom: 0.5rem; @@ -7356,18 +7467,22 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-orderlist .p-orderlist-list .p-orderlist-item:focus { background: rgba(0, 0, 0, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { background: rgba(63, 81, 181, 0.24); } + .p-overlaypanel .p-overlaypanel-content { padding: 1.5rem; } + .p-paginator { justify-content: flex-end; } @@ -7377,13 +7492,14 @@ .p-paginator .p-paginator-element:focus.p-highlight { background: rgba(63, 81, 181, 0.24); } + .p-panel { border-radius: 4px; 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); } .p-panel .p-panel-header, - .p-panel .p-panel-content, - .p-panel .p-panel-footer { +.p-panel .p-panel-content, +.p-panel .p-panel-footer { border: 0 none; } .p-panel .p-panel-content { @@ -7395,6 +7511,7 @@ .p-panel .p-panel-header-icon:focus { background: rgba(0, 0, 0, 0.12); } + .p-panelmenu .p-panelmenu-panel { 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); margin-bottom: 0; @@ -7430,18 +7547,21 @@ .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-picklist .p-picklist-list .p-picklist-item:focus { background: rgba(0, 0, 0, 0.12); } .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { background: rgba(63, 81, 181, 0.24); } + .p-progressbar { border-radius: 0; } .p-progressbar .p-progressbar-label { display: none !important; } + .p-radiobutton { border-radius: 50%; transition: box-shadow 0.2s; @@ -7467,12 +7587,14 @@ .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #ffffff; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { background-color: #ffffff; } + .p-rating { gap: 0; } @@ -7494,6 +7616,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { background: rgba(176, 0, 32, 0.04); } + .p-selectbutton .p-button:focus { background: #e0e0e1; border-color: #e0e0e1; @@ -7502,12 +7625,14 @@ background: #d9d8d9; border-color: #d9d8d9; } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-slider .p-slider-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); @@ -7518,6 +7643,7 @@ .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); } + .p-steps { padding: 1rem 0; } @@ -7570,6 +7696,7 @@ .p-steps .p-steps-item.p-disabled { opacity: 1; } + .p-tabview .p-tabview-nav { position: relative; } @@ -7592,9 +7719,11 @@ background-color: #3F51B5; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-toolbar { border: 0 none; } + .p-tooltip .p-tooltip-text { box-shadow: none; font-size: 0.875rem; @@ -7602,12 +7731,14 @@ .p-tooltip .p-tooltip-arrow { display: none; } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { background-image: none; background: transparent; @@ -7618,9 +7749,11 @@ .p-treeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } + .p-treeselect-item .p-ink { background-color: rgba(63, 81, 181, 0.16); } + .p-input-filled .p-treeselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7654,11 +7787,13 @@ background-image: none; background: transparent; } + .p-float-label .p-treeselect-label .p-treeselect-token { padding: 0.25rem 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } + .p-input-filled .p-float-label .p-treeselect .p-treeselect-label { padding-top: 1.5rem; padding-bottom: 0.5rem; @@ -7687,9 +7822,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + .p-treeselect.p-invalid:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-tree .p-tree-container .p-treenode { outline: 0 none; } @@ -7699,6 +7836,7 @@ .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { background: rgba(63, 81, 181, 0.24); } + .p-treetable .p-sortable-column { outline: 0 none; } @@ -7711,6 +7849,7 @@ .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { background-color: rgba(0, 0, 0, 0.03); } + .p-tabmenu .p-tabmenu-nav { position: relative; } @@ -7735,12 +7874,14 @@ background-color: #3F51B5; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { margin: 0.5rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { margin: 0 0.5rem; } + .p-togglebutton.p-button:focus { background: #e0e0e1; border-color: #e0e0e1; @@ -7749,6 +7890,7 @@ background: #d9d8d9; border-color: #d9d8d9; } + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(63, 81, 181, 0.12); } @@ -7780,45 +7922,53 @@ .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { 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); } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(255, 64, 129, 0.12); } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 64, 129, 0.16); } + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(33, 150, 243, 0.12); } .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(104, 159, 56, 0.12); } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(251, 192, 45, 0.12); } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(156, 39, 176, 0.12); } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(211, 47, 47, 0.12); } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); } + .p-scrollpanel .p-scrollpanel-bar:focus { box-shadow: 0 0 1px 4px rgba(255, 64, 129, 0.2); } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); diff --git a/src/assets/components/themes/mdc-dark-deeppurple/theme.css b/src/assets/components/themes/mdc-dark-deeppurple/theme.css index 082259a19e4..7104ffebf04 100644 --- a/src/assets/components/themes/mdc-dark-deeppurple/theme.css +++ b/src/assets/components/themes/mdc-dark-deeppurple/theme.css @@ -54,21 +54,24 @@ font-family: "Roboto"; font-style: normal; font-weight: 400; - src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500 - latin-ext_latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; - src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-700 - latin-ext_latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; - src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } :root { --blue-50:#f4fafe; @@ -241,7 +244,7 @@ } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.75rem 0.75rem; @@ -296,32 +299,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.32); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.38; } + .p-error { color: #f44435; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -333,12 +344,15 @@ outline-offset: 0; box-shadow: none; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -355,6 +369,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -387,7 +402,7 @@ } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -395,12 +410,13 @@ margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: hsla(0, 0%, 100%, 0.24); + background: rgba(255, 255, 255, 0.24); color: rgba(255, 255, 255, 0.87); } .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44435; } + .p-autocomplete-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -429,11 +445,11 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -447,9 +463,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44435; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -457,24 +475,28 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.5rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #f44435; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #CE93D8; } + .p-datepicker { padding: 0.5rem; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; } .p-datepicker:not(.p-datepicker-inline) { @@ -491,12 +513,12 @@ background: #1e1e1e; font-weight: 500; margin: 0; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-top-right-radius: 4px; border-top-left-radius: 4px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -506,13 +528,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -521,14 +543,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 500; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #CE93D8; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -575,13 +597,13 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 0.75rem 0; - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); padding: 0.5rem; } .p-datepicker .p-timepicker button { @@ -640,7 +662,7 @@ background: rgba(206, 147, 216, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid hsla(0, 0%, 100%, 0.12); + border-left: 1px solid rgba(255, 255, 255, 0.12); padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -677,6 +699,7 @@ outline-offset: 0; box-shadow: none; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -684,10 +707,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.5rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -695,7 +720,7 @@ } .p-cascadeselect { background: #1e1e1e; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } @@ -730,6 +755,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f44435; } + .p-cascadeselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -757,11 +783,11 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 0.75rem; @@ -769,18 +795,21 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { - background: hsla(0, 0%, 100%, 0.06); + background: rgba(255, 255, 255, 0.06); } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f44435; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -788,6 +817,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.75rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -796,12 +826,13 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 18px; height: 18px; } .p-checkbox .p-checkbox-box { - border: 2px solid hsla(0, 0%, 100%, 0.7); + border: 2px solid rgba(255, 255, 255, 0.7); background: #1e1e1e; width: 18px; height: 18px; @@ -836,27 +867,32 @@ background: #CE93D8; color: #121212; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44435; } + .p-input-filled .p-checkbox .p-checkbox-box { - background-color: hsla(0, 0%, 100%, 0.06); + background-color: rgba(255, 255, 255, 0.06); } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #CE93D8; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #CE93D8; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44435; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(255, 255, 255, 0.6); } @@ -873,12 +909,12 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: hsla(0, 0%, 100%, 0.24); + background: rgba(255, 255, 255, 0.24); color: rgba(255, 255, 255, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -895,9 +931,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #f44435; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -905,25 +943,29 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #2b2b2b; border: 1px solid #1e1e1e; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #1e1e1e; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } @@ -964,6 +1006,7 @@ .p-dropdown.p-invalid.p-component { border-color: #f44435; } + .p-dropdown-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -973,7 +1016,7 @@ } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1009,11 +1052,11 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -1027,100 +1070,114 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { - background: hsla(0, 0%, 100%, 0.06); + background: rgba(255, 255, 255, 0.06); } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #f44435; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); - border-top: 1px solid hsla(0, 0%, 100%, 0.3); - border-left: 1px solid hsla(0, 0%, 100%, 0.3); - border-bottom: 1px solid hsla(0, 0%, 100%, 0.3); + border-top: 1px solid rgba(255, 255, 255, 0.3); + border-left: 1px solid rgba(255, 255, 255, 0.3); + border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 0.75rem 0.75rem; min-width: 2.75rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid hsla(0, 0%, 100%, 0.3); + border-right: 1px solid rgba(255, 255, 255, 0.3); } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.75rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44435; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1128,9 +1185,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #f44435; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1138,27 +1197,31 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.5rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.5rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 2.75rem; height: 1rem; } .p-inputswitch .p-inputswitch-slider { - background: hsla(0, 0%, 100%, 0.3); + background: rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 0.5rem; } @@ -1180,7 +1243,7 @@ box-shadow: none; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: hsla(0, 0%, 100%, 0.3); + background: rgba(255, 255, 255, 0.3); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: rgba(206, 147, 216, 0.5); @@ -1191,9 +1254,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: rgba(206, 147, 216, 0.5); } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f44435; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1201,7 +1266,7 @@ color: rgba(255, 255, 255, 0.87); background: #1e1e1e; padding: 0.75rem 0.75rem; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); appearance: none; border-radius: 4px; @@ -1226,81 +1291,99 @@ font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #f44435; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { - background-color: hsla(0, 0%, 100%, 0.06); + background-color: rgba(255, 255, 255, 0.06); } .p-input-filled .p-inputtext:enabled:hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-inputtext:enabled:focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-listbox { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 0.75rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #1e1e1e; margin: 0; @@ -1353,11 +1436,11 @@ } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-listbox.p-focus { outline: 0 none; @@ -1365,12 +1448,14 @@ box-shadow: none; border-color: #CE93D8; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44435; } + .p-multiselect { background: #1e1e1e; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } @@ -1393,7 +1478,7 @@ .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1407,9 +1492,11 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1417,6 +1504,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.75rem; } + .p-multiselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1426,7 +1514,7 @@ } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1484,11 +1572,11 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1505,21 +1593,25 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { - background: hsla(0, 0%, 100%, 0.06); + background: rgba(255, 255, 255, 0.06); } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #f44435; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #f44435; } + .p-password-panel { padding: 0.75rem; background: #1e1e1e; @@ -1541,6 +1633,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1548,6 +1641,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1555,12 +1649,13 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } + .p-radiobutton { width: 20px; height: 20px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid hsla(0, 0%, 100%, 0.7); + border: 2px solid rgba(255, 255, 255, 0.7); background: #1e1e1e; width: 20px; height: 20px; @@ -1592,14 +1687,16 @@ background: #121212; color: #CE93D8; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #f44435; } + .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: hsla(0, 0%, 100%, 0.06); + background-color: rgba(255, 255, 255, 0.06); } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #121212; @@ -1607,9 +1704,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #121212; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1640,6 +1739,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f44435; } + .p-selectbutton .p-button { background: #2f2f2f; border: 1px solid rgba(255, 255, 255, 0.12); @@ -1647,7 +1747,7 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1656,7 +1756,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1665,7 +1765,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight:hover { @@ -1674,14 +1774,16 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #f44435; } + .p-slider { - background: hsla(0, 0%, 100%, 0.3); + background: rgba(255, 255, 255, 0.3); border: 0 none; border-radius: 4px; } @@ -1731,6 +1833,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #2f2f2f; border: 1px solid rgba(255, 255, 255, 0.12); @@ -1738,7 +1841,7 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1747,7 +1850,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1756,7 +1859,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight:hover { @@ -1765,15 +1868,17 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #f44435; } + .p-treeselect { background: #1e1e1e; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } @@ -1796,7 +1901,7 @@ .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1807,12 +1912,15 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #f44435; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } + .p-treeselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1822,7 +1930,7 @@ } .p-treeselect-panel .p-treeselect-header { padding: 0.75rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1872,15 +1980,17 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { - background: hsla(0, 0%, 100%, 0.06); + background: rgba(255, 255, 255, 0.06); } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1888,6 +1998,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.75rem; } + .p-button { color: #121212; background: #CE93D8; @@ -1999,7 +2110,7 @@ padding: 0.643rem; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2026,6 +2137,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2038,414 +2150,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #121212; background: #A5D6A7; border: 0 none; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: rgba(165, 214, 167, 0.92); color: #121212; border-color: transparent; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: rgba(165, 214, 167, 0.68); color: #121212; border-color: transparent; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #A5D6A7; border: 0 none; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(165, 214, 167, 0.04); color: #A5D6A7; border: 0 none; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(165, 214, 167, 0.16); color: #A5D6A7; border: 0 none; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #A5D6A7; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(165, 214, 167, 0.04); border-color: transparent; color: #A5D6A7; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(165, 214, 167, 0.16); border-color: transparent; color: #A5D6A7; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #212121; background: #90caf9; border: 0 none; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #90caf9; border: 0 none; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); color: #90caf9; border: 0 none; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(144, 202, 249, 0.16); color: #90caf9; border: 0 none; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #90caf9; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; color: #90caf9; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; color: #90caf9; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #212121; background: #c5e1a5; border: 0 none; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #c5e1a5; border: 0 none; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); color: #c5e1a5; border: 0 none; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); color: #c5e1a5; border: 0 none; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #c5e1a5; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; color: #c5e1a5; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; color: #c5e1a5; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212121; background: #fff59d; border: 0 none; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #fff59d; border: 0 none; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); color: #fff59d; border: 0 none; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 245, 157, 0.16); color: #fff59d; border: 0 none; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #fff59d; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; color: #fff59d; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; color: #fff59d; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #212121; background: #ce93d8; border: 0 none; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #ce93d8; border: 0 none; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #ce93d8; border: 0 none; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #ce93d8; border: 0 none; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #ce93d8; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; color: #ce93d8; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; color: #ce93d8; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #212121; background: #ef9a9a; border: 0 none; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #ef9a9a; border: 0 none; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); color: #ef9a9a; border: 0 none; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 154, 154, 0.16); color: #ef9a9a; border: 0 none; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #ef9a9a; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; color: #ef9a9a; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; color: #ef9a9a; } + .p-button.p-button-link { color: #CE93D8; background: transparent; @@ -2469,6 +2588,7 @@ color: #CE93D8; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2480,14 +2600,17 @@ width: 2rem; height: 2rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: none; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2498,45 +2621,52 @@ background: rgba(165, 214, 167, 0.92); color: #212121; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.32); } + .p-splitbutton { border-radius: 4px; } @@ -2614,6 +2744,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #A5D6A7; @@ -2642,6 +2773,7 @@ border-color: transparent; color: #A5D6A7; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #90caf9; @@ -2670,6 +2802,7 @@ border-color: transparent; color: #90caf9; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2698,6 +2831,7 @@ border-color: transparent; color: #c5e1a5; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fff59d; @@ -2726,6 +2860,7 @@ border-color: transparent; color: #fff59d; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2754,6 +2889,7 @@ border-color: transparent; color: #ce93d8; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef9a9a; @@ -2782,8 +2918,9 @@ border-color: transparent; color: #ef9a9a; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2794,13 +2931,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2826,6 +2963,7 @@ background: rgba(206, 147, 216, 0.16); color: #CE93D8; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2919,9 +3057,9 @@ padding: 0.75rem 0.75rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2931,17 +3069,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2971,12 +3109,12 @@ background: #CE93D8; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #1e1e1e; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #1e1e1e; } .p-datatable .p-datatable-loading-icon { @@ -3079,6 +3217,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.9375rem 0.9375rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3117,10 +3256,12 @@ .p-dataview .p-dataview-emptymessage { padding: 0.75rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3148,6 +3289,7 @@ outline-offset: 0; box-shadow: none; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3167,6 +3309,7 @@ outline-offset: 0; box-shadow: none; } + .p-column-filter-overlay { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -3193,7 +3336,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; @@ -3201,12 +3344,13 @@ box-shadow: none; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -3215,7 +3359,7 @@ } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 0.75rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3232,6 +3376,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.75rem; } + .p-orderlist .p-orderlist-controls { padding: 0.75rem; } @@ -3289,12 +3434,12 @@ transition: none; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #CE93D8; @@ -3308,15 +3453,16 @@ color: rgba(255, 255, 255, 0.87); } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.02); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } + .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 0.75rem; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); @@ -3325,8 +3471,9 @@ background: #1e1e1e; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { @@ -3363,6 +3510,7 @@ outline-offset: 0; box-shadow: none; } + .p-paginator { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3372,9 +3520,9 @@ border-radius: 4px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3385,9 +3533,9 @@ border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); border-color: transparent; color: rgba(255, 255, 255, 0.6); @@ -3444,6 +3592,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.6); } + .p-picklist .p-picklist-buttons { padding: 0.75rem; } @@ -3501,12 +3650,12 @@ transition: none; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #CE93D8; @@ -3520,15 +3669,16 @@ color: rgba(255, 255, 255, 0.87); } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: rgba(255, 255, 255, 0.02); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } + .p-picklist-item.cdk-drag-preview { padding: 0.75rem 0.75rem; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); @@ -3537,6 +3687,7 @@ background: #1e1e1e; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3548,19 +3699,20 @@ background-color: #bdbdbd; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; @@ -3617,19 +3769,19 @@ color: #CE93D8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #CE93D8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #CE93D8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-filter-container { @@ -3686,7 +3838,7 @@ color: inherit; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { @@ -3694,6 +3846,7 @@ outline-offset: 0; box-shadow: none; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3833,7 +3986,7 @@ background: #CE93D8; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #1e1e1e; } .p-treetable .p-treetable-loading-icon { @@ -3894,6 +4047,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.9375rem 0.9375rem; } + .p-virtualscroller .p-virtualscroller-header { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3918,6 +4072,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 0 none; @@ -3990,6 +4145,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-card { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4015,6 +4171,7 @@ .p-card .p-card-footer { padding: 0.75rem 0 0 0; } + .p-divider .p-divider-content { background-color: #1e1e1e; } @@ -4023,7 +4180,7 @@ padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px hsla(0, 0%, 100%, 0.12); + border-top: 1px rgba(255, 255, 255, 0.12); } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -4033,11 +4190,12 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px hsla(0, 0%, 100%, 0.12); + border-left: 1px rgba(255, 255, 255, 0.12); } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; @@ -4078,6 +4236,7 @@ .p-fieldset .p-fieldset-content { padding: 0.75rem; } + .p-panel .p-panel-header { border: 1px solid rgba(255, 255, 255, 0.12); padding: 0.75rem; @@ -4144,6 +4303,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: rgba(255, 255, 255, 0.12); border: 0 none; @@ -4154,6 +4314,7 @@ outline-offset: 0; box-shadow: none; } + .p-splitter { border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; @@ -4162,10 +4323,10 @@ } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; @@ -4173,166 +4334,9 @@ box-shadow: none; } .p-splitter .p-splitter-gutter-resizing { - background: hsla(0, 0%, 100%, 0.12); - } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: none; - border-radius: 4px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 1px solid transparent; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.87); - font-weight: 500; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #CE93D8; - } - .p-stepper .p-stepper-panels { - background: transparent; - padding: 0.75rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #bdbdbd; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: none; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: transparent; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #CE93D8; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; + background: rgba(255, 255, 255, 0.12); } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.75rem; } @@ -4401,6 +4405,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-toolbar { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4411,6 +4416,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4458,6 +4464,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 4px; box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4530,6 +4537,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4571,6 +4579,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #262626; } + .p-sidebar { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4581,7 +4590,7 @@ padding: 0.75rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4591,13 +4600,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4611,6 +4620,7 @@ .p-sidebar .p-sidebar-footer { padding: 0.75rem; } + .p-tooltip .p-tooltip-text { background: #444444; color: rgba(255, 255, 255, 0.87); @@ -4630,6 +4640,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #444444; } + .p-fileupload .p-fileupload-buttonbar { background: #1e1e1e; padding: 0.75rem; @@ -4669,6 +4680,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: rgba(206, 147, 216, 0.92); color: #121212; @@ -4679,6 +4691,7 @@ color: #121212; border-color: transparent; } + .p-breadcrumb { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4710,6 +4723,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.5rem 0; background: #2b2b2b; @@ -4757,7 +4771,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4765,13 +4779,13 @@ } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4782,11 +4796,11 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { @@ -4796,6 +4810,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4819,31 +4834,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4902,7 +4918,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4910,13 +4926,13 @@ } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4927,7 +4943,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-megamenu .p-megamenu-panel { @@ -4950,7 +4966,7 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-megamenu.p-megamenu-vertical { @@ -4985,9 +5001,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } + .p-menu { padding: 0.5rem 0; background: #1e1e1e; @@ -5024,7 +5041,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5032,13 +5049,13 @@ } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5049,7 +5066,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menu.p-menu-overlay { @@ -5067,7 +5084,7 @@ border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-menu .p-menuitem-badge { @@ -5083,6 +5100,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.75rem; background: #1e1e1e; @@ -5121,7 +5139,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5152,7 +5170,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5160,13 +5178,13 @@ } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5177,7 +5195,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-submenu-list { @@ -5188,12 +5206,13 @@ width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5225,7 +5244,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -5368,7 +5387,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5376,13 +5395,13 @@ } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5393,14 +5412,14 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5433,6 +5452,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-slidemenu { padding: 0.5rem 0; background: #1e1e1e; @@ -5475,7 +5495,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5483,13 +5503,13 @@ } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5500,7 +5520,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-slidemenu.p-slidemenu-overlay { @@ -5515,7 +5535,7 @@ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5547,6 +5567,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5583,7 +5604,7 @@ } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); width: 100%; top: 50%; left: 0; @@ -5591,6 +5612,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: solid rgba(255, 255, 255, 0.12); @@ -5661,6 +5683,7 @@ outline-offset: 0; box-shadow: inset none; } + .p-tieredmenu { padding: 0.5rem 0; background: #1e1e1e; @@ -5711,7 +5734,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5719,13 +5742,13 @@ } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5736,11 +5759,11 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5750,6 +5773,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5805,6 +5829,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 0.75rem 0; border-radius: 4px; @@ -5893,6 +5918,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5943,7 +5969,7 @@ color: #01579b; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { @@ -5953,7 +5979,7 @@ color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5963,7 +5989,7 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { @@ -5973,9 +5999,10 @@ color: #b71c1c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #b71c1c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -6006,7 +6033,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6063,7 +6090,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -6073,7 +6100,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.87); } @@ -6082,23 +6109,29 @@ outline-offset: 0; box-shadow: none; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6122,8 +6155,9 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { - background-color: hsla(0, 0%, 100%, 0.12); + background-color: rgba(255, 255, 255, 0.12); border-radius: 4px; } .p-avatar.p-avatar-lg { @@ -6142,9 +6176,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #1e1e1e; } + .p-badge { background: #CE93D8; color: #121212; @@ -6186,8 +6222,9 @@ height: 3rem; line-height: 3rem; } + .p-chip { - background-color: hsla(0, 0%, 100%, 0.12); + background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; padding: 0 0.75rem; @@ -6221,6 +6258,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 1rem 1rem; border-radius: 4px; @@ -6235,15 +6273,19 @@ outline-offset: 0; box-shadow: none; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6251,19 +6293,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6323,6 +6370,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-progressbar { border: 0 none; height: 4px; @@ -6338,6 +6386,7 @@ color: #121212; line-height: 4px; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6359,6 +6408,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 4px; @@ -6366,6 +6416,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #CE93D8; color: #121212; @@ -6398,6 +6449,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -6449,15 +6501,17 @@ .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { opacity: 0.38; } + .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6467,13 +6521,13 @@ background-color: transparent; } .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6481,9 +6535,11 @@ background-image: none; background: transparent; } + .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 1rem; } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding-top: 0; padding-bottom: 0; @@ -6513,18 +6569,21 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-breadcrumb .p-menuitem-link { padding: 0.25rem 0.5rem; } .p-breadcrumb .p-menuitem-link:focus { background: rgba(255, 255, 255, 0.12); } + .p-button { font-weight: 500; min-width: 4rem; @@ -6576,6 +6635,7 @@ .p-button.p-button-raised:enabled:focus { 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); } + .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 { background: rgba(165, 214, 167, 0.76); } @@ -6591,6 +6651,7 @@ .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { background-color: rgba(165, 214, 167, 0.16); } + .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 { background: rgba(144, 202, 249, 0.76); } @@ -6606,6 +6667,7 @@ .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { background-color: rgba(144, 202, 249, 0.16); } + .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 { background: rgba(197, 225, 165, 0.76); } @@ -6621,6 +6683,7 @@ .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { background-color: rgba(197, 225, 165, 0.16); } + .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 { background: rgba(255, 245, 157, 0.76); } @@ -6636,6 +6699,7 @@ .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { background-color: rgba(255, 245, 157, 0.16); } + .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 { background: rgba(206, 147, 216, 0.76); } @@ -6651,6 +6715,7 @@ .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { background-color: rgba(206, 147, 216, 0.16); } + .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 { background: rgba(239, 154, 154, 0.76); } @@ -6666,8 +6731,9 @@ .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { background-color: rgba(239, 154, 154, 0.16); } + .p-calendar-w-btn { - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); background: #1e1e1e; border-radius: 4px; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); @@ -6712,6 +6778,7 @@ .p-calendar-w-btn.p-calendar-disabled .p-inputtext { opacity: 1; } + .p-datepicker .p-datepicker-header { border-bottom: 0 none; } @@ -6726,7 +6793,7 @@ order: 3; } .p-datepicker table th { - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.38); font-weight: 400; font-size: 0.875rem; @@ -6737,6 +6804,7 @@ .p-datepicker table td.p-datepicker-today.p-highlight { box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16); } + p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } @@ -6749,12 +6817,13 @@ p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-input-filled .p-calendar-w-btn { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6764,13 +6833,13 @@ background-color: transparent; } .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6804,6 +6873,7 @@ border: 0 none; background-image: none; } + .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { background-image: none; background: transparent; @@ -6814,15 +6884,17 @@ .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } + .p-cascadeselect-item .p-ink { background-color: rgba(206, 147, 216, 0.16); } + .p-input-filled .p-cascadeselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6832,13 +6904,13 @@ background-color: transparent; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6864,6 +6936,7 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { padding-top: 1.25rem; padding-bottom: 0.25rem; @@ -6883,27 +6956,30 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #A5D6A7; color: #121212; } + .p-checkbox { border-radius: 50%; transition: box-shadow 0.2s; } .p-checkbox .p-checkbox-box { - border-color: hsla(0, 0%, 100%, 0.7); + border-color: rgba(255, 255, 255, 0.7); border-radius: 2px; position: relative; } .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - border-color: hsla(0, 0%, 100%, 0.7); + border-color: rgba(255, 255, 255, 0.7); } .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { - border-color: hsla(0, 0%, 100%, 0.7); + border-color: rgba(255, 255, 255, 0.7); } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { border-color: #CE93D8; @@ -6931,12 +7007,14 @@ .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #1e1e1e; } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { background-color: #1e1e1e; } + @keyframes checkbox-check { 0% { width: 0; @@ -6959,12 +7037,13 @@ .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } + .p-input-filled .p-chips-multiple-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6974,13 +7053,13 @@ background-color: transparent; } .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6988,9 +7067,11 @@ background-image: none; background: transparent; } + .p-float-label .p-chips-multiple-container .p-chips-token { padding: 0.25rem 1rem; } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { padding-top: 0; padding-bottom: 0; @@ -7012,9 +7093,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-datatable .p-sortable-column { outline: 0 none; } @@ -7027,12 +7110,14 @@ .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { background-color: rgba(255, 255, 255, 0.03); } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #CE93D8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #CE93D8; } + .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { background-image: none; background: transparent; @@ -7043,15 +7128,17 @@ .p-dropdown:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } + .p-dropdown-item .p-ink { background-color: rgba(206, 147, 216, 0.16); } + .p-input-filled .p-dropdown { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7061,13 +7148,13 @@ background-color: transparent; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7089,9 +7176,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-galleria .p-galleria-indicators { padding: 1rem; } @@ -7103,30 +7192,32 @@ background: rgba(165, 214, 167, 0.68); color: #121212; } + .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } .p-inputtext:enabled:focus.ng-invalid.ng-dirty { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-input-filled .p-inputtext { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; } .p-input-filled .p-inputtext:enabled:hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); } .p-input-filled .p-inputtext:enabled:focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7138,12 +7229,13 @@ box-shadow: none; border-color: transparent; } + .p-input-filled .p-inputgroup .p-inputgroup-addon { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7152,24 +7244,26 @@ border-right-color: transparent; } .p-input-filled .p-inputgroup-addon:first-child, - .p-input-filled .p-inputgroup button:first-child, - .p-input-filled .p-inputgroup input:first-child { +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { border-bottom-left-radius: 0; } .p-input-filled .p-inputgroup .p-float-label:first-child input { border-bottom-left-radius: 0; } .p-input-filled .p-inputgroup-addon:last-child, - .p-input-filled .p-inputgroup button:last-child, - .p-input-filled .p-inputgroup input:last-child { +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { border-bottom-right-radius: 0; } .p-input-filled .p-inputgroup .p-float-label:last-child input { border-bottom-right-radius: 0; } + p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); @@ -7178,9 +7272,11 @@ box-shadow: none; border-color: transparent; } + p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); @@ -7189,6 +7285,7 @@ box-shadow: none; border-color: transparent; } + .p-inputswitch .p-inputswitch-slider:before { transition-property: box-shadow transform; box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); @@ -7205,45 +7302,51 @@ .p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); } + .p-fieldset .p-fieldset-legend { border: 0 none; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { background: rgba(255, 255, 255, 0.12); } + .p-float-label input:focus ~ label, - .p-float-label input.p-filled ~ label, - .p-float-label textarea:focus ~ label, - .p-float-label textarea.p-filled ~ label, - .p-float-label .p-inputwrapper-focus ~ label, - .p-float-label .p-inputwrapper-filled ~ label { +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { top: -0.5rem !important; background-color: #1e1e1e; padding: 2px 4px; margin-left: -4px; margin-top: 0; } + .p-float-label textarea ~ label { margin-top: 0; } + .p-float-label input:focus ~ label, - .p-float-label .p-inputwrapper-focus ~ label { +.p-float-label .p-inputwrapper-focus ~ label { color: #CE93D8; } + .p-input-filled .p-float-label .p-inputtext { padding-top: 1.25rem; padding-bottom: 0.25rem; } .p-input-filled .p-float-label input:focus ~ label, - .p-input-filled .p-float-label input.p-filled ~ label, - .p-input-filled .p-float-label textarea:focus ~ label, - .p-input-filled .p-float-label textarea.p-filled ~ label, - .p-input-filled .p-float-label .p-inputwrapper-focus ~ label, - .p-input-filled .p-float-label .p-inputwrapper-filled ~ label { +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { top: 0.25rem !important; margin-top: 0; background: transparent; } + .p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(206, 147, 216, 0.16); } @@ -7253,21 +7356,25 @@ .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { background: rgba(206, 147, 216, 0.24); } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-menu .p-menuitem .p-menuitem-link:focus { background: rgba(255, 255, 255, 0.12); } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { background-image: none; background: transparent; @@ -7278,6 +7385,7 @@ .p-multiselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { background-color: rgba(206, 147, 216, 0.16); } @@ -7290,12 +7398,13 @@ .p-multiselect-panel .p-multiselect-close:focus { background: rgba(255, 255, 255, 0.12); } + .p-input-filled .p-multiselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7305,13 +7414,13 @@ background-color: transparent; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7323,11 +7432,13 @@ background-image: none; background: transparent; } + .p-float-label .p-multiselect-label .p-multiselect-token { padding: 0.25rem 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } + .p-input-filled .p-float-label .p-multiselect .p-multiselect-label { padding-top: 1.25rem; padding-bottom: 0.25rem; @@ -7356,18 +7467,22 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-orderlist .p-orderlist-list .p-orderlist-item:focus { background: rgba(255, 255, 255, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { background: rgba(206, 147, 216, 0.24); } + .p-overlaypanel .p-overlaypanel-content { padding: 1.5rem; } + .p-paginator { justify-content: flex-end; } @@ -7377,13 +7492,14 @@ .p-paginator .p-paginator-element:focus.p-highlight { background: rgba(206, 147, 216, 0.24); } + .p-panel { border-radius: 4px; 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); } .p-panel .p-panel-header, - .p-panel .p-panel-content, - .p-panel .p-panel-footer { +.p-panel .p-panel-content, +.p-panel .p-panel-footer { border: 0 none; } .p-panel .p-panel-content { @@ -7395,6 +7511,7 @@ .p-panel .p-panel-header-icon:focus { background: rgba(255, 255, 255, 0.12); } + .p-panelmenu .p-panelmenu-panel { 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); margin-bottom: 0; @@ -7430,27 +7547,30 @@ .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-picklist .p-picklist-list .p-picklist-item:focus { background: rgba(255, 255, 255, 0.12); } .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { background: rgba(206, 147, 216, 0.24); } + .p-progressbar { border-radius: 0; } .p-progressbar .p-progressbar-label { display: none !important; } + .p-radiobutton { border-radius: 50%; transition: box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border: 2px solid hsla(0, 0%, 100%, 0.7); + border: 2px solid rgba(255, 255, 255, 0.7); } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - border: 2px solid hsla(0, 0%, 100%, 0.7); + border: 2px solid rgba(255, 255, 255, 0.7); } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { border-color: #CE93D8; @@ -7467,12 +7587,14 @@ .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #1e1e1e; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { background-color: #1e1e1e; } + .p-rating { gap: 0; } @@ -7494,6 +7616,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { background: rgba(244, 68, 53, 0.04); } + .p-selectbutton .p-button:focus { background: #1c1c1c; border-color: rgba(255, 255, 255, 0.12); @@ -7502,12 +7625,14 @@ background: #262626; border-color: rgba(255, 255, 255, 0.12); } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-slider .p-slider-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); @@ -7518,6 +7643,7 @@ .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); } + .p-steps { padding: 1rem 0; } @@ -7570,6 +7696,7 @@ .p-steps .p-steps-item.p-disabled { opacity: 1; } + .p-tabview .p-tabview-nav { position: relative; } @@ -7592,9 +7719,11 @@ background-color: #CE93D8; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-toolbar { border: 0 none; } + .p-tooltip .p-tooltip-text { box-shadow: none; font-size: 0.875rem; @@ -7602,12 +7731,14 @@ .p-tooltip .p-tooltip-arrow { display: none; } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { background-image: none; background: transparent; @@ -7618,15 +7749,17 @@ .p-treeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } + .p-treeselect-item .p-ink { background-color: rgba(206, 147, 216, 0.16); } + .p-input-filled .p-treeselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7636,13 +7769,13 @@ background-color: transparent; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7654,11 +7787,13 @@ background-image: none; background: transparent; } + .p-float-label .p-treeselect-label .p-treeselect-token { padding: 0.25rem 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } + .p-input-filled .p-float-label .p-treeselect .p-treeselect-label { padding-top: 1.25rem; padding-bottom: 0.25rem; @@ -7687,9 +7822,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + .p-treeselect.p-invalid:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-tree .p-tree-container .p-treenode { outline: 0 none; } @@ -7699,6 +7836,7 @@ .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { background: rgba(206, 147, 216, 0.24); } + .p-treetable .p-sortable-column { outline: 0 none; } @@ -7711,6 +7849,7 @@ .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { background-color: rgba(255, 255, 255, 0.03); } + .p-tabmenu .p-tabmenu-nav { position: relative; } @@ -7735,12 +7874,14 @@ background-color: #CE93D8; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { margin: 0.5rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { margin: 0 0.5rem; } + .p-togglebutton.p-button:focus { background: #1c1c1c; border-color: rgba(255, 255, 255, 0.12); @@ -7749,6 +7890,7 @@ background: #262626; border-color: rgba(255, 255, 255, 0.12); } + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(206, 147, 216, 0.12); } @@ -7780,45 +7922,53 @@ .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { 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); } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(165, 214, 167, 0.12); } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(165, 214, 167, 0.16); } + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(144, 202, 249, 0.12); } .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(197, 225, 165, 0.12); } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(255, 245, 157, 0.12); } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(206, 147, 216, 0.12); } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(239, 154, 154, 0.12); } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); } + .p-scrollpanel .p-scrollpanel-bar:focus { box-shadow: 0 0 1px 4px rgba(165, 214, 167, 0.2); } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); diff --git a/src/assets/components/themes/mdc-dark-indigo/theme.css b/src/assets/components/themes/mdc-dark-indigo/theme.css index 146cf6a7808..0e4bca2a203 100644 --- a/src/assets/components/themes/mdc-dark-indigo/theme.css +++ b/src/assets/components/themes/mdc-dark-indigo/theme.css @@ -54,21 +54,24 @@ font-family: "Roboto"; font-style: normal; font-weight: 400; - src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500 - latin-ext_latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; - src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-700 - latin-ext_latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; - src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } :root { --blue-50:#f4fafe; @@ -241,7 +244,7 @@ } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.75rem 0.75rem; @@ -296,32 +299,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.32); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.38; } + .p-error { color: #f44435; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -333,12 +344,15 @@ outline-offset: 0; box-shadow: none; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -355,6 +369,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -387,7 +402,7 @@ } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -395,12 +410,13 @@ margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: hsla(0, 0%, 100%, 0.24); + background: rgba(255, 255, 255, 0.24); color: rgba(255, 255, 255, 0.87); } .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44435; } + .p-autocomplete-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -429,11 +445,11 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -447,9 +463,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44435; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -457,24 +475,28 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.5rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #f44435; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } + .p-datepicker { padding: 0.5rem; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; } .p-datepicker:not(.p-datepicker-inline) { @@ -491,12 +513,12 @@ background: #1e1e1e; font-weight: 500; margin: 0; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-top-right-radius: 4px; border-top-left-radius: 4px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -506,13 +528,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -521,14 +543,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 500; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #9FA8DA; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -575,13 +597,13 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 0.75rem 0; - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); padding: 0.5rem; } .p-datepicker .p-timepicker button { @@ -640,7 +662,7 @@ background: rgba(159, 168, 218, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid hsla(0, 0%, 100%, 0.12); + border-left: 1px solid rgba(255, 255, 255, 0.12); padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -677,6 +699,7 @@ outline-offset: 0; box-shadow: none; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -684,10 +707,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.5rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -695,7 +720,7 @@ } .p-cascadeselect { background: #1e1e1e; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } @@ -730,6 +755,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f44435; } + .p-cascadeselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -757,11 +783,11 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 0.75rem; @@ -769,18 +795,21 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { - background: hsla(0, 0%, 100%, 0.06); + background: rgba(255, 255, 255, 0.06); } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f44435; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -788,6 +817,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.75rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -796,12 +826,13 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 18px; height: 18px; } .p-checkbox .p-checkbox-box { - border: 2px solid hsla(0, 0%, 100%, 0.7); + border: 2px solid rgba(255, 255, 255, 0.7); background: #1e1e1e; width: 18px; height: 18px; @@ -836,27 +867,32 @@ background: #9FA8DA; color: #121212; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44435; } + .p-input-filled .p-checkbox .p-checkbox-box { - background-color: hsla(0, 0%, 100%, 0.06); + background-color: rgba(255, 255, 255, 0.06); } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #9FA8DA; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #9FA8DA; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44435; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(255, 255, 255, 0.6); } @@ -873,12 +909,12 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: hsla(0, 0%, 100%, 0.24); + background: rgba(255, 255, 255, 0.24); color: rgba(255, 255, 255, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -895,9 +931,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #f44435; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -905,25 +943,29 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #2b2b2b; border: 1px solid #1e1e1e; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #1e1e1e; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } @@ -964,6 +1006,7 @@ .p-dropdown.p-invalid.p-component { border-color: #f44435; } + .p-dropdown-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -973,7 +1016,7 @@ } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1009,11 +1052,11 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -1027,100 +1070,114 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { - background: hsla(0, 0%, 100%, 0.06); + background: rgba(255, 255, 255, 0.06); } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #f44435; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); - border-top: 1px solid hsla(0, 0%, 100%, 0.3); - border-left: 1px solid hsla(0, 0%, 100%, 0.3); - border-bottom: 1px solid hsla(0, 0%, 100%, 0.3); + border-top: 1px solid rgba(255, 255, 255, 0.3); + border-left: 1px solid rgba(255, 255, 255, 0.3); + border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 0.75rem 0.75rem; min-width: 2.75rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid hsla(0, 0%, 100%, 0.3); + border-right: 1px solid rgba(255, 255, 255, 0.3); } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.75rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44435; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1128,9 +1185,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #f44435; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1138,27 +1197,31 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.5rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.5rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 2.75rem; height: 1rem; } .p-inputswitch .p-inputswitch-slider { - background: hsla(0, 0%, 100%, 0.3); + background: rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 0.5rem; } @@ -1180,7 +1243,7 @@ box-shadow: none; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: hsla(0, 0%, 100%, 0.3); + background: rgba(255, 255, 255, 0.3); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: rgba(159, 168, 218, 0.5); @@ -1191,9 +1254,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: rgba(159, 168, 218, 0.5); } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f44435; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1201,7 +1266,7 @@ color: rgba(255, 255, 255, 0.87); background: #1e1e1e; padding: 0.75rem 0.75rem; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); appearance: none; border-radius: 4px; @@ -1226,81 +1291,99 @@ font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #f44435; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { - background-color: hsla(0, 0%, 100%, 0.06); + background-color: rgba(255, 255, 255, 0.06); } .p-input-filled .p-inputtext:enabled:hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-inputtext:enabled:focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-listbox { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 0.75rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #1e1e1e; margin: 0; @@ -1353,11 +1436,11 @@ } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-listbox.p-focus { outline: 0 none; @@ -1365,12 +1448,14 @@ box-shadow: none; border-color: #9FA8DA; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44435; } + .p-multiselect { background: #1e1e1e; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } @@ -1393,7 +1478,7 @@ .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1407,9 +1492,11 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1417,6 +1504,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.75rem; } + .p-multiselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1426,7 +1514,7 @@ } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1484,11 +1572,11 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1505,21 +1593,25 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { - background: hsla(0, 0%, 100%, 0.06); + background: rgba(255, 255, 255, 0.06); } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #f44435; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #f44435; } + .p-password-panel { padding: 0.75rem; background: #1e1e1e; @@ -1541,6 +1633,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1548,6 +1641,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1555,12 +1649,13 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } + .p-radiobutton { width: 20px; height: 20px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid hsla(0, 0%, 100%, 0.7); + border: 2px solid rgba(255, 255, 255, 0.7); background: #1e1e1e; width: 20px; height: 20px; @@ -1592,14 +1687,16 @@ background: #121212; color: #9FA8DA; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #f44435; } + .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: hsla(0, 0%, 100%, 0.06); + background-color: rgba(255, 255, 255, 0.06); } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #121212; @@ -1607,9 +1704,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #121212; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1640,6 +1739,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f44435; } + .p-selectbutton .p-button { background: #2f2f2f; border: 1px solid rgba(255, 255, 255, 0.12); @@ -1647,7 +1747,7 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1656,7 +1756,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1665,7 +1765,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight:hover { @@ -1674,14 +1774,16 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #f44435; } + .p-slider { - background: hsla(0, 0%, 100%, 0.3); + background: rgba(255, 255, 255, 0.3); border: 0 none; border-radius: 4px; } @@ -1731,6 +1833,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #2f2f2f; border: 1px solid rgba(255, 255, 255, 0.12); @@ -1738,7 +1841,7 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1747,7 +1850,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1756,7 +1859,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight:hover { @@ -1765,15 +1868,17 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #f44435; } + .p-treeselect { background: #1e1e1e; - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } @@ -1796,7 +1901,7 @@ .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1807,12 +1912,15 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #f44435; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } + .p-treeselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1822,7 +1930,7 @@ } .p-treeselect-panel .p-treeselect-header { padding: 0.75rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1872,15 +1980,17 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { - background: hsla(0, 0%, 100%, 0.06); + background: rgba(255, 255, 255, 0.06); } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1888,6 +1998,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.75rem; } + .p-button { color: #121212; background: #9FA8DA; @@ -1999,7 +2110,7 @@ padding: 0.643rem; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2026,6 +2137,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2038,414 +2150,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #121212; background: #F48FB1; border: 0 none; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.92); color: #121212; border-color: transparent; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.68); color: #121212; border-color: transparent; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #F48FB1; border: 0 none; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #F48FB1; border: 0 none; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #F48FB1; border: 0 none; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #F48FB1; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; color: #F48FB1; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; color: #F48FB1; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #212121; background: #90caf9; border: 0 none; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #90caf9; border: 0 none; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); color: #90caf9; border: 0 none; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(144, 202, 249, 0.16); color: #90caf9; border: 0 none; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #90caf9; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; color: #90caf9; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; color: #90caf9; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #212121; background: #c5e1a5; border: 0 none; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #c5e1a5; border: 0 none; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); color: #c5e1a5; border: 0 none; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); color: #c5e1a5; border: 0 none; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #c5e1a5; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; color: #c5e1a5; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; color: #c5e1a5; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212121; background: #fff59d; border: 0 none; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #fff59d; border: 0 none; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); color: #fff59d; border: 0 none; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 245, 157, 0.16); color: #fff59d; border: 0 none; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #fff59d; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; color: #fff59d; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; color: #fff59d; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #212121; background: #ce93d8; border: 0 none; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #ce93d8; border: 0 none; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #ce93d8; border: 0 none; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #ce93d8; border: 0 none; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #ce93d8; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; color: #ce93d8; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; color: #ce93d8; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #212121; background: #ef9a9a; border: 0 none; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.92); color: #212121; border-color: transparent; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.68); color: #212121; border-color: transparent; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #ef9a9a; border: 0 none; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); color: #ef9a9a; border: 0 none; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 154, 154, 0.16); color: #ef9a9a; border: 0 none; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #ef9a9a; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; color: #ef9a9a; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; color: #ef9a9a; } + .p-button.p-button-link { color: #9FA8DA; background: transparent; @@ -2469,6 +2588,7 @@ color: #9FA8DA; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2480,14 +2600,17 @@ width: 2rem; height: 2rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: none; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2498,45 +2621,52 @@ background: rgba(244, 143, 177, 0.92); color: #212121; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.32); } + .p-splitbutton { border-radius: 4px; } @@ -2614,6 +2744,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #F48FB1; @@ -2642,6 +2773,7 @@ border-color: transparent; color: #F48FB1; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #90caf9; @@ -2670,6 +2802,7 @@ border-color: transparent; color: #90caf9; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2698,6 +2831,7 @@ border-color: transparent; color: #c5e1a5; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fff59d; @@ -2726,6 +2860,7 @@ border-color: transparent; color: #fff59d; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2754,6 +2889,7 @@ border-color: transparent; color: #ce93d8; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef9a9a; @@ -2782,8 +2918,9 @@ border-color: transparent; color: #ef9a9a; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2794,13 +2931,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2826,6 +2963,7 @@ background: rgba(159, 168, 218, 0.16); color: #9FA8DA; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2919,9 +3057,9 @@ padding: 0.75rem 0.75rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2931,17 +3069,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2971,12 +3109,12 @@ background: #9FA8DA; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #1e1e1e; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #1e1e1e; } .p-datatable .p-datatable-loading-icon { @@ -3079,6 +3217,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.9375rem 0.9375rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3117,10 +3256,12 @@ .p-dataview .p-dataview-emptymessage { padding: 0.75rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3148,6 +3289,7 @@ outline-offset: 0; box-shadow: none; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3167,6 +3309,7 @@ outline-offset: 0; box-shadow: none; } + .p-column-filter-overlay { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -3193,7 +3336,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; @@ -3201,12 +3344,13 @@ box-shadow: none; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -3215,7 +3359,7 @@ } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 0.75rem; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3232,6 +3376,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.75rem; } + .p-orderlist .p-orderlist-controls { padding: 0.75rem; } @@ -3289,12 +3434,12 @@ transition: none; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #9FA8DA; @@ -3308,15 +3453,16 @@ color: rgba(255, 255, 255, 0.87); } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.02); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } + .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 0.75rem; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); @@ -3325,8 +3471,9 @@ background: #1e1e1e; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { @@ -3363,6 +3510,7 @@ outline-offset: 0; box-shadow: none; } + .p-paginator { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3372,9 +3520,9 @@ border-radius: 4px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3385,9 +3533,9 @@ border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); border-color: transparent; color: rgba(255, 255, 255, 0.6); @@ -3444,6 +3592,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.6); } + .p-picklist .p-picklist-buttons { padding: 0.75rem; } @@ -3501,12 +3650,12 @@ transition: none; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #9FA8DA; @@ -3520,15 +3669,16 @@ color: rgba(255, 255, 255, 0.87); } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: rgba(255, 255, 255, 0.02); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } + .p-picklist-item.cdk-drag-preview { padding: 0.75rem 0.75rem; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); @@ -3537,6 +3687,7 @@ background: #1e1e1e; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3548,19 +3699,20 @@ background-color: #bdbdbd; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; @@ -3617,19 +3769,19 @@ color: #9FA8DA; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #9FA8DA; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #9FA8DA; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-filter-container { @@ -3686,7 +3838,7 @@ color: inherit; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { @@ -3694,6 +3846,7 @@ outline-offset: 0; box-shadow: none; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3833,7 +3986,7 @@ background: #9FA8DA; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #1e1e1e; } .p-treetable .p-treetable-loading-icon { @@ -3894,6 +4047,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.9375rem 0.9375rem; } + .p-virtualscroller .p-virtualscroller-header { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3918,6 +4072,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 0 none; @@ -3990,6 +4145,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-card { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4015,6 +4171,7 @@ .p-card .p-card-footer { padding: 0.75rem 0 0 0; } + .p-divider .p-divider-content { background-color: #1e1e1e; } @@ -4023,7 +4180,7 @@ padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px hsla(0, 0%, 100%, 0.12); + border-top: 1px rgba(255, 255, 255, 0.12); } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -4033,11 +4190,12 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px hsla(0, 0%, 100%, 0.12); + border-left: 1px rgba(255, 255, 255, 0.12); } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; @@ -4078,6 +4236,7 @@ .p-fieldset .p-fieldset-content { padding: 0.75rem; } + .p-panel .p-panel-header { border: 1px solid rgba(255, 255, 255, 0.12); padding: 0.75rem; @@ -4144,6 +4303,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: rgba(255, 255, 255, 0.12); border: 0 none; @@ -4154,6 +4314,7 @@ outline-offset: 0; box-shadow: none; } + .p-splitter { border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; @@ -4162,10 +4323,10 @@ } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: hsla(0, 0%, 100%, 0.04); + background: rgba(255, 255, 255, 0.04); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; @@ -4173,166 +4334,9 @@ box-shadow: none; } .p-splitter .p-splitter-gutter-resizing { - background: hsla(0, 0%, 100%, 0.12); - } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: none; - border-radius: 4px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 1px solid transparent; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.87); - font-weight: 500; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #9FA8DA; - } - .p-stepper .p-stepper-panels { - background: transparent; - padding: 0.75rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #bdbdbd; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: none; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: transparent; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #9FA8DA; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; + background: rgba(255, 255, 255, 0.12); } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.75rem; } @@ -4401,6 +4405,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-toolbar { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4411,6 +4416,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4458,6 +4464,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 4px; box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4530,6 +4537,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4571,6 +4579,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #262626; } + .p-sidebar { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4581,7 +4590,7 @@ padding: 0.75rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4591,13 +4600,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4611,6 +4620,7 @@ .p-sidebar .p-sidebar-footer { padding: 0.75rem; } + .p-tooltip .p-tooltip-text { background: #444444; color: rgba(255, 255, 255, 0.87); @@ -4630,6 +4640,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #444444; } + .p-fileupload .p-fileupload-buttonbar { background: #1e1e1e; padding: 0.75rem; @@ -4669,6 +4680,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: rgba(159, 168, 218, 0.92); color: #121212; @@ -4679,6 +4691,7 @@ color: #121212; border-color: transparent; } + .p-breadcrumb { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4710,6 +4723,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.5rem 0; background: #2b2b2b; @@ -4757,7 +4771,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4765,13 +4779,13 @@ } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4782,11 +4796,11 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { @@ -4796,6 +4810,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4819,31 +4834,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4902,7 +4918,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4910,13 +4926,13 @@ } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4927,7 +4943,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-megamenu .p-megamenu-panel { @@ -4950,7 +4966,7 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-megamenu.p-megamenu-vertical { @@ -4985,9 +5001,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } + .p-menu { padding: 0.5rem 0; background: #1e1e1e; @@ -5024,7 +5041,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5032,13 +5049,13 @@ } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5049,7 +5066,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menu.p-menu-overlay { @@ -5067,7 +5084,7 @@ border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-menu .p-menuitem-badge { @@ -5083,6 +5100,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.75rem; background: #1e1e1e; @@ -5121,7 +5139,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5152,7 +5170,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5160,13 +5178,13 @@ } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5177,7 +5195,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-submenu-list { @@ -5188,12 +5206,13 @@ width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5225,7 +5244,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -5368,7 +5387,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5376,13 +5395,13 @@ } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5393,14 +5412,14 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5433,6 +5452,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-slidemenu { padding: 0.5rem 0; background: #1e1e1e; @@ -5475,7 +5495,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5483,13 +5503,13 @@ } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5500,7 +5520,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-slidemenu.p-slidemenu-overlay { @@ -5515,7 +5535,7 @@ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5547,6 +5567,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5583,7 +5604,7 @@ } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); width: 100%; top: 50%; left: 0; @@ -5591,6 +5612,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: solid rgba(255, 255, 255, 0.12); @@ -5661,6 +5683,7 @@ outline-offset: 0; box-shadow: inset none; } + .p-tieredmenu { padding: 0.5rem 0; background: #1e1e1e; @@ -5711,7 +5734,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5719,13 +5742,13 @@ } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: hsla(0, 0%, 100%, 0.12); + background: rgba(255, 255, 255, 0.12); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5736,11 +5759,11 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid hsla(0, 0%, 100%, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5750,6 +5773,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5805,6 +5829,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 0.75rem 0; border-radius: 4px; @@ -5893,6 +5918,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5943,7 +5969,7 @@ color: #01579b; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { @@ -5953,7 +5979,7 @@ color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5963,7 +5989,7 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { @@ -5973,9 +5999,10 @@ color: #b71c1c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #b71c1c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -6006,7 +6033,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6063,7 +6090,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -6073,7 +6100,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.87); } @@ -6082,23 +6109,29 @@ outline-offset: 0; box-shadow: none; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6122,8 +6155,9 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { - background-color: hsla(0, 0%, 100%, 0.12); + background-color: rgba(255, 255, 255, 0.12); border-radius: 4px; } .p-avatar.p-avatar-lg { @@ -6142,9 +6176,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #1e1e1e; } + .p-badge { background: #9FA8DA; color: #121212; @@ -6186,8 +6222,9 @@ height: 3rem; line-height: 3rem; } + .p-chip { - background-color: hsla(0, 0%, 100%, 0.12); + background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; padding: 0 0.75rem; @@ -6221,6 +6258,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 1rem 1rem; border-radius: 4px; @@ -6235,15 +6273,19 @@ outline-offset: 0; box-shadow: none; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6251,19 +6293,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6323,6 +6370,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-progressbar { border: 0 none; height: 4px; @@ -6338,6 +6386,7 @@ color: #121212; line-height: 4px; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6359,6 +6408,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 4px; @@ -6366,6 +6416,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #9FA8DA; color: #121212; @@ -6398,6 +6449,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -6449,15 +6501,17 @@ .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { opacity: 0.38; } + .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6467,13 +6521,13 @@ background-color: transparent; } .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6481,9 +6535,11 @@ background-image: none; background: transparent; } + .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 1rem; } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding-top: 0; padding-bottom: 0; @@ -6513,18 +6569,21 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-breadcrumb .p-menuitem-link { padding: 0.25rem 0.5rem; } .p-breadcrumb .p-menuitem-link:focus { background: rgba(255, 255, 255, 0.12); } + .p-button { font-weight: 500; min-width: 4rem; @@ -6576,6 +6635,7 @@ .p-button.p-button-raised:enabled:focus { 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); } + .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 { background: rgba(244, 143, 177, 0.76); } @@ -6591,6 +6651,7 @@ .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { background-color: rgba(244, 143, 177, 0.16); } + .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 { background: rgba(144, 202, 249, 0.76); } @@ -6606,6 +6667,7 @@ .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { background-color: rgba(144, 202, 249, 0.16); } + .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 { background: rgba(197, 225, 165, 0.76); } @@ -6621,6 +6683,7 @@ .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { background-color: rgba(197, 225, 165, 0.16); } + .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 { background: rgba(255, 245, 157, 0.76); } @@ -6636,6 +6699,7 @@ .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { background-color: rgba(255, 245, 157, 0.16); } + .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 { background: rgba(206, 147, 216, 0.76); } @@ -6651,6 +6715,7 @@ .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { background-color: rgba(206, 147, 216, 0.16); } + .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 { background: rgba(239, 154, 154, 0.76); } @@ -6666,8 +6731,9 @@ .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { background-color: rgba(239, 154, 154, 0.16); } + .p-calendar-w-btn { - border: 1px solid hsla(0, 0%, 100%, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); background: #1e1e1e; border-radius: 4px; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); @@ -6712,6 +6778,7 @@ .p-calendar-w-btn.p-calendar-disabled .p-inputtext { opacity: 1; } + .p-datepicker .p-datepicker-header { border-bottom: 0 none; } @@ -6726,7 +6793,7 @@ order: 3; } .p-datepicker table th { - border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.38); font-weight: 400; font-size: 0.875rem; @@ -6737,6 +6804,7 @@ .p-datepicker table td.p-datepicker-today.p-highlight { box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16); } + p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } @@ -6749,12 +6817,13 @@ p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-input-filled .p-calendar-w-btn { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6764,13 +6833,13 @@ background-color: transparent; } .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6804,6 +6873,7 @@ border: 0 none; background-image: none; } + .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { background-image: none; background: transparent; @@ -6814,15 +6884,17 @@ .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } + .p-cascadeselect-item .p-ink { background-color: rgba(159, 168, 218, 0.16); } + .p-input-filled .p-cascadeselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6832,13 +6904,13 @@ background-color: transparent; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6864,6 +6936,7 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { padding-top: 1.25rem; padding-bottom: 0.25rem; @@ -6883,27 +6956,30 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #F48FB1; color: #121212; } + .p-checkbox { border-radius: 50%; transition: box-shadow 0.2s; } .p-checkbox .p-checkbox-box { - border-color: hsla(0, 0%, 100%, 0.7); + border-color: rgba(255, 255, 255, 0.7); border-radius: 2px; position: relative; } .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - border-color: hsla(0, 0%, 100%, 0.7); + border-color: rgba(255, 255, 255, 0.7); } .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { - border-color: hsla(0, 0%, 100%, 0.7); + border-color: rgba(255, 255, 255, 0.7); } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { border-color: #9FA8DA; @@ -6931,12 +7007,14 @@ .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #1e1e1e; } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { background-color: #1e1e1e; } + @keyframes checkbox-check { 0% { width: 0; @@ -6959,12 +7037,13 @@ .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } + .p-input-filled .p-chips-multiple-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6974,13 +7053,13 @@ background-color: transparent; } .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6988,9 +7067,11 @@ background-image: none; background: transparent; } + .p-float-label .p-chips-multiple-container .p-chips-token { padding: 0.25rem 1rem; } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { padding-top: 0; padding-bottom: 0; @@ -7012,9 +7093,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-datatable .p-sortable-column { outline: 0 none; } @@ -7027,12 +7110,14 @@ .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { background-color: rgba(255, 255, 255, 0.03); } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #9FA8DA; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #9FA8DA; } + .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { background-image: none; background: transparent; @@ -7043,15 +7128,17 @@ .p-dropdown:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } + .p-dropdown-item .p-ink { background-color: rgba(159, 168, 218, 0.16); } + .p-input-filled .p-dropdown { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7061,13 +7148,13 @@ background-color: transparent; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7089,9 +7176,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-galleria .p-galleria-indicators { padding: 1rem; } @@ -7103,30 +7192,32 @@ background: rgba(244, 143, 177, 0.68); color: #121212; } + .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } .p-inputtext:enabled:focus.ng-invalid.ng-dirty { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-input-filled .p-inputtext { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; } .p-input-filled .p-inputtext:enabled:hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); } .p-input-filled .p-inputtext:enabled:focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7138,12 +7229,13 @@ box-shadow: none; border-color: transparent; } + .p-input-filled .p-inputgroup .p-inputgroup-addon { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7152,24 +7244,26 @@ border-right-color: transparent; } .p-input-filled .p-inputgroup-addon:first-child, - .p-input-filled .p-inputgroup button:first-child, - .p-input-filled .p-inputgroup input:first-child { +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { border-bottom-left-radius: 0; } .p-input-filled .p-inputgroup .p-float-label:first-child input { border-bottom-left-radius: 0; } .p-input-filled .p-inputgroup-addon:last-child, - .p-input-filled .p-inputgroup button:last-child, - .p-input-filled .p-inputgroup input:last-child { +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { border-bottom-right-radius: 0; } .p-input-filled .p-inputgroup .p-float-label:last-child input { border-bottom-right-radius: 0; } + p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); @@ -7178,9 +7272,11 @@ box-shadow: none; border-color: transparent; } + p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); @@ -7189,6 +7285,7 @@ box-shadow: none; border-color: transparent; } + .p-inputswitch .p-inputswitch-slider:before { transition-property: box-shadow transform; box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); @@ -7205,45 +7302,51 @@ .p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); } + .p-fieldset .p-fieldset-legend { border: 0 none; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { background: rgba(255, 255, 255, 0.12); } + .p-float-label input:focus ~ label, - .p-float-label input.p-filled ~ label, - .p-float-label textarea:focus ~ label, - .p-float-label textarea.p-filled ~ label, - .p-float-label .p-inputwrapper-focus ~ label, - .p-float-label .p-inputwrapper-filled ~ label { +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { top: -0.5rem !important; background-color: #1e1e1e; padding: 2px 4px; margin-left: -4px; margin-top: 0; } + .p-float-label textarea ~ label { margin-top: 0; } + .p-float-label input:focus ~ label, - .p-float-label .p-inputwrapper-focus ~ label { +.p-float-label .p-inputwrapper-focus ~ label { color: #9FA8DA; } + .p-input-filled .p-float-label .p-inputtext { padding-top: 1.25rem; padding-bottom: 0.25rem; } .p-input-filled .p-float-label input:focus ~ label, - .p-input-filled .p-float-label input.p-filled ~ label, - .p-input-filled .p-float-label textarea:focus ~ label, - .p-input-filled .p-float-label textarea.p-filled ~ label, - .p-input-filled .p-float-label .p-inputwrapper-focus ~ label, - .p-input-filled .p-float-label .p-inputwrapper-filled ~ label { +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { top: 0.25rem !important; margin-top: 0; background: transparent; } + .p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(159, 168, 218, 0.16); } @@ -7253,21 +7356,25 @@ .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { background: rgba(159, 168, 218, 0.24); } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-menu .p-menuitem .p-menuitem-link:focus { background: rgba(255, 255, 255, 0.12); } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { background-image: none; background: transparent; @@ -7278,6 +7385,7 @@ .p-multiselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { background-color: rgba(159, 168, 218, 0.16); } @@ -7290,12 +7398,13 @@ .p-multiselect-panel .p-multiselect-close:focus { background: rgba(255, 255, 255, 0.12); } + .p-input-filled .p-multiselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7305,13 +7414,13 @@ background-color: transparent; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7323,11 +7432,13 @@ background-image: none; background: transparent; } + .p-float-label .p-multiselect-label .p-multiselect-token { padding: 0.25rem 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } + .p-input-filled .p-float-label .p-multiselect .p-multiselect-label { padding-top: 1.25rem; padding-bottom: 0.25rem; @@ -7356,18 +7467,22 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-orderlist .p-orderlist-list .p-orderlist-item:focus { background: rgba(255, 255, 255, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { background: rgba(159, 168, 218, 0.24); } + .p-overlaypanel .p-overlaypanel-content { padding: 1.5rem; } + .p-paginator { justify-content: flex-end; } @@ -7377,13 +7492,14 @@ .p-paginator .p-paginator-element:focus.p-highlight { background: rgba(159, 168, 218, 0.24); } + .p-panel { border-radius: 4px; 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); } .p-panel .p-panel-header, - .p-panel .p-panel-content, - .p-panel .p-panel-footer { +.p-panel .p-panel-content, +.p-panel .p-panel-footer { border: 0 none; } .p-panel .p-panel-content { @@ -7395,6 +7511,7 @@ .p-panel .p-panel-header-icon:focus { background: rgba(255, 255, 255, 0.12); } + .p-panelmenu .p-panelmenu-panel { 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); margin-bottom: 0; @@ -7430,27 +7547,30 @@ .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-picklist .p-picklist-list .p-picklist-item:focus { background: rgba(255, 255, 255, 0.12); } .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { background: rgba(159, 168, 218, 0.24); } + .p-progressbar { border-radius: 0; } .p-progressbar .p-progressbar-label { display: none !important; } + .p-radiobutton { border-radius: 50%; transition: box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border: 2px solid hsla(0, 0%, 100%, 0.7); + border: 2px solid rgba(255, 255, 255, 0.7); } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - border: 2px solid hsla(0, 0%, 100%, 0.7); + border: 2px solid rgba(255, 255, 255, 0.7); } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { border-color: #9FA8DA; @@ -7467,12 +7587,14 @@ .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #1e1e1e; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { background-color: #1e1e1e; } + .p-rating { gap: 0; } @@ -7494,6 +7616,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { background: rgba(244, 68, 53, 0.04); } + .p-selectbutton .p-button:focus { background: #1c1c1c; border-color: rgba(255, 255, 255, 0.12); @@ -7502,12 +7625,14 @@ background: #262626; border-color: rgba(255, 255, 255, 0.12); } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-slider .p-slider-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); @@ -7518,6 +7643,7 @@ .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); } + .p-steps { padding: 1rem 0; } @@ -7570,6 +7696,7 @@ .p-steps .p-steps-item.p-disabled { opacity: 1; } + .p-tabview .p-tabview-nav { position: relative; } @@ -7592,9 +7719,11 @@ background-color: #9FA8DA; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-toolbar { border: 0 none; } + .p-tooltip .p-tooltip-text { box-shadow: none; font-size: 0.875rem; @@ -7602,12 +7731,14 @@ .p-tooltip .p-tooltip-arrow { display: none; } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.12); } + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { background-image: none; background: transparent; @@ -7618,15 +7749,17 @@ .p-treeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } + .p-treeselect-item .p-ink { background-color: rgba(159, 168, 218, 0.16); } + .p-input-filled .p-treeselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid transparent; - background: hsla(0, 0%, 100%, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3)); + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7636,13 +7769,13 @@ background-color: transparent; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: hsla(0, 0%, 100%, 0.08); + background-color: rgba(255, 255, 255, 0.08); border-color: transparent; background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-color: hsla(0, 0%, 100%, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7654,11 +7787,13 @@ background-image: none; background: transparent; } + .p-float-label .p-treeselect-label .p-treeselect-token { padding: 0.25rem 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } + .p-input-filled .p-float-label .p-treeselect .p-treeselect-label { padding-top: 1.25rem; padding-bottom: 0.25rem; @@ -7687,9 +7822,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); } + .p-treeselect.p-invalid:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } + .p-tree .p-tree-container .p-treenode { outline: 0 none; } @@ -7699,6 +7836,7 @@ .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { background: rgba(159, 168, 218, 0.24); } + .p-treetable .p-sortable-column { outline: 0 none; } @@ -7711,6 +7849,7 @@ .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { background-color: rgba(255, 255, 255, 0.03); } + .p-tabmenu .p-tabmenu-nav { position: relative; } @@ -7735,12 +7874,14 @@ background-color: #9FA8DA; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { margin: 0.5rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { margin: 0 0.5rem; } + .p-togglebutton.p-button:focus { background: #1c1c1c; border-color: rgba(255, 255, 255, 0.12); @@ -7749,6 +7890,7 @@ background: #262626; border-color: rgba(255, 255, 255, 0.12); } + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(159, 168, 218, 0.12); } @@ -7780,45 +7922,53 @@ .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { 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); } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(244, 143, 177, 0.12); } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); } + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(144, 202, 249, 0.12); } .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(197, 225, 165, 0.12); } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(255, 245, 157, 0.12); } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(206, 147, 216, 0.12); } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(239, 154, 154, 0.12); } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); } + .p-scrollpanel .p-scrollpanel-bar:focus { box-shadow: 0 0 1px 4px rgba(244, 143, 177, 0.2); } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); diff --git a/src/assets/components/themes/mdc-light-deeppurple/theme.css b/src/assets/components/themes/mdc-light-deeppurple/theme.css index 986ff6224c3..fa8a1741574 100644 --- a/src/assets/components/themes/mdc-light-deeppurple/theme.css +++ b/src/assets/components/themes/mdc-light-deeppurple/theme.css @@ -54,21 +54,24 @@ font-family: "Roboto"; font-style: normal; font-weight: 400; - src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500 - latin-ext_latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; - src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-700 - latin-ext_latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; - src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } :root { --blue-50:#f4fafe; @@ -296,32 +299,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.32); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.38; } + .p-error { color: #b00020; } + .p-text-secondary { color: rgba(0, 0, 0, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -333,12 +344,15 @@ outline-offset: 0; box-shadow: none; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -355,6 +369,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -401,6 +416,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #b00020; } + .p-autocomplete-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -447,9 +463,11 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #b00020; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -457,19 +475,23 @@ color: rgba(0, 0, 0, 0.6); right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(0, 0, 0, 0.6); right: 3.5rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #b00020; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #673AB7; } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -496,7 +518,7 @@ border-top-left-radius: 4px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(0, 0, 0, 0.6); @@ -506,13 +528,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -521,14 +543,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(0, 0, 0, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 500; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #673AB7; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -567,7 +589,7 @@ .p-datepicker table td.p-datepicker-today > span { background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-color: rgb(0, 0, 0); + border-color: black; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #673AB7; @@ -677,6 +699,7 @@ outline-offset: 0; box-shadow: none; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -684,10 +707,12 @@ color: rgba(0, 0, 0, 0.6); right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(0, 0, 0, 0.6); right: 3.5rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -730,6 +755,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #b00020; } + .p-cascadeselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -769,6 +795,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f5f5f5; } @@ -778,9 +805,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #dcdcdc; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #b00020; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -788,6 +817,7 @@ color: rgba(0, 0, 0, 0.6); right: 2.75rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -796,6 +826,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 18px; height: 18px; @@ -836,9 +867,11 @@ background: #673AB7; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #b00020; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f5f5f5; } @@ -851,12 +884,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #673AB7; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #b00020; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(0, 0, 0, 0.87); } @@ -895,9 +931,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #b00020; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -905,22 +943,26 @@ color: rgba(0, 0, 0, 0.6); right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.38); @@ -964,6 +1006,7 @@ .p-dropdown.p-invalid.p-component { border-color: #b00020; } + .p-dropdown-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1027,6 +1070,7 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #f5f5f5; } @@ -1039,14 +1083,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #b00020; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #ffffff; color: rgba(0, 0, 0, 0.6); @@ -1059,68 +1106,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid rgba(0, 0, 0, 0.38); } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.75rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: rgba(0, 0, 0, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: rgba(0, 0, 0, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #b00020; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1128,9 +1185,11 @@ color: rgba(0, 0, 0, 0.6); right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #b00020; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1138,21 +1197,25 @@ color: rgba(0, 0, 0, 0.6); right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.5rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.5rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 2.75rem; height: 1rem; @@ -1191,9 +1254,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: rgba(103, 58, 183, 0.5); } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #b00020; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1226,54 +1291,69 @@ font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: rgba(0, 0, 0, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #b00020; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: rgba(0, 0, 0, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: rgba(0, 0, 0, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } + :-moz-placeholder { color: rgba(0, 0, 0, 0.6); } + ::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } + :-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } + .p-input-filled .p-inputtext { background-color: #f5f5f5; } @@ -1283,14 +1363,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #dcdcdc; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-listbox { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1365,9 +1448,11 @@ box-shadow: none; border-color: #673AB7; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #b00020; } + .p-multiselect { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.38); @@ -1407,9 +1492,11 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1417,6 +1504,7 @@ color: rgba(0, 0, 0, 0.6); right: 2.75rem; } + .p-multiselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1505,6 +1593,7 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #f5f5f5; } @@ -1514,12 +1603,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #dcdcdc; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #b00020; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #b00020; } + .p-password-panel { padding: 0.75rem; background: #ffffff; @@ -1541,6 +1633,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #689f38; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1548,6 +1641,7 @@ color: rgba(0, 0, 0, 0.6); right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1555,6 +1649,7 @@ color: rgba(0, 0, 0, 0.6); right: 2.5rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1592,9 +1687,11 @@ background: #ffffff; color: #673AB7; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #b00020; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f5f5f5; } @@ -1607,9 +1704,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #ffffff; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1640,6 +1739,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b00020; } + .p-selectbutton .p-button { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.12); @@ -1647,7 +1747,7 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1656,7 +1756,7 @@ color: rgba(0, 0, 0, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1665,7 +1765,7 @@ color: rgba(0, 0, 0, 0.87); } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-selectbutton .p-button.p-highlight:hover { @@ -1674,12 +1774,14 @@ color: rgba(0, 0, 0, 0.87); } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #b00020; } + .p-slider { background: #c1c1c1; border: 0 none; @@ -1731,6 +1833,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.12); @@ -1738,7 +1841,7 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1747,7 +1850,7 @@ color: rgba(0, 0, 0, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1756,7 +1859,7 @@ color: rgba(0, 0, 0, 0.87); } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-togglebutton.p-button.p-highlight:hover { @@ -1765,12 +1868,14 @@ color: rgba(0, 0, 0, 0.87); } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #b00020; } + .p-treeselect { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.38); @@ -1807,12 +1912,15 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #b00020; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } + .p-treeselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1872,6 +1980,7 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #f5f5f5; } @@ -1881,6 +1990,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #dcdcdc; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1888,6 +1998,7 @@ color: rgba(0, 0, 0, 0.6); right: 2.75rem; } + .p-button { color: #ffffff; background: #673AB7; @@ -1999,7 +2110,7 @@ padding: 0.643rem; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2026,6 +2137,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2038,414 +2150,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #4CAF50; border: 0 none; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: rgba(76, 175, 80, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: rgba(76, 175, 80, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #4CAF50; border: 0 none; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); color: #4CAF50; border: 0 none; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(76, 175, 80, 0.16); color: #4CAF50; border: 0 none; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #4CAF50; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); border-color: transparent; color: #4CAF50; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(76, 175, 80, 0.16); border-color: transparent; color: #4CAF50; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #2196f3; border: 0 none; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #2196f3; border: 0 none; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); color: #2196f3; border: 0 none; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(33, 150, 243, 0.16); color: #2196f3; border: 0 none; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #2196f3; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; color: #2196f3; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; color: #2196f3; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689f38; border: 0 none; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #689f38; border: 0 none; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); color: #689f38; border: 0 none; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); color: #689f38; border: 0 none; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #689f38; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; color: #689f38; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; color: #689f38; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #fbc02d; border: 0 none; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.92); color: #212529; border-color: transparent; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.68); color: #212529; border-color: transparent; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #fbc02d; border: 0 none; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); color: #fbc02d; border: 0 none; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); color: #fbc02d; border: 0 none; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #fbc02d; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; color: #fbc02d; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; color: #fbc02d; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #9c27b0; border: 0 none; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9c27b0; border: 0 none; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9c27b0; border: 0 none; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); color: #9c27b0; border: 0 none; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #9c27b0; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9c27b0; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9c27b0; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #d32f2f; border: 0 none; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #d32f2f; border: 0 none; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); color: #d32f2f; border: 0 none; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); color: #d32f2f; border: 0 none; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #d32f2f; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; color: #d32f2f; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; color: #d32f2f; } + .p-button.p-button-link { color: #673AB7; background: transparent; @@ -2469,6 +2588,7 @@ color: #673AB7; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2480,14 +2600,17 @@ width: 2rem; height: 2rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: none; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2498,45 +2621,52 @@ background: rgba(76, 175, 80, 0.92); color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.32); } + .p-splitbutton { border-radius: 4px; } @@ -2614,6 +2744,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #4CAF50; @@ -2642,6 +2773,7 @@ border-color: transparent; color: #4CAF50; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #2196f3; @@ -2670,6 +2802,7 @@ border-color: transparent; color: #2196f3; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689f38; @@ -2698,6 +2831,7 @@ border-color: transparent; color: #689f38; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fbc02d; @@ -2726,6 +2860,7 @@ border-color: transparent; color: #fbc02d; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2754,6 +2889,7 @@ border-color: transparent; color: #9c27b0; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d32f2f; @@ -2782,8 +2918,9 @@ border-color: transparent; color: #d32f2f; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(0, 0, 0, 0.6); @@ -2794,13 +2931,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2826,6 +2963,7 @@ background: rgba(103, 58, 183, 0.12); color: #673AB7; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2919,9 +3057,9 @@ padding: 0.75rem 0.75rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(0, 0, 0, 0.6); @@ -2931,17 +3069,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2971,12 +3109,12 @@ background: #673AB7; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #ffffff; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #ffffff; } .p-datatable .p-datatable-loading-icon { @@ -3079,6 +3217,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.9375rem 0.9375rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3117,10 +3256,12 @@ .p-dataview .p-dataview-emptymessage { padding: 0.75rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3148,6 +3289,7 @@ outline-offset: 0; box-shadow: none; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3167,6 +3309,7 @@ outline-offset: 0; box-shadow: none; } + .p-column-filter-overlay { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3204,6 +3347,7 @@ border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem; border-bottom: 1px solid rgba(0, 0, 0, 0.12); @@ -3232,6 +3376,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.75rem; } + .p-orderlist .p-orderlist-controls { padding: 0.75rem; } @@ -3317,6 +3462,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(0, 0, 0, 0.04); } + .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 0.75rem; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); @@ -3325,6 +3471,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); @@ -3363,6 +3510,7 @@ outline-offset: 0; box-shadow: none; } + .p-paginator { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3372,9 +3520,9 @@ border-radius: 4px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(0, 0, 0, 0.6); @@ -3385,9 +3533,9 @@ border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); border-color: transparent; color: rgba(0, 0, 0, 0.6); @@ -3444,6 +3592,7 @@ border-color: transparent; color: rgba(0, 0, 0, 0.6); } + .p-picklist .p-picklist-buttons { padding: 0.75rem; } @@ -3529,6 +3678,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(0, 0, 0, 0.04); } + .p-picklist-item.cdk-drag-preview { padding: 0.75rem 0.75rem; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); @@ -3537,6 +3687,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3548,19 +3699,20 @@ background-color: #bdbdbd; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #e0e0e0; background: #ffffff; @@ -3617,11 +3769,11 @@ color: #673AB7; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #673AB7; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #673AB7; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3694,6 +3846,7 @@ outline-offset: 0; box-shadow: none; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3833,7 +3986,7 @@ background: #673AB7; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #ffffff; } .p-treetable .p-treetable-loading-icon { @@ -3894,6 +4047,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.9375rem 0.9375rem; } + .p-virtualscroller .p-virtualscroller-header { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3918,6 +4072,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 0 none; @@ -3990,6 +4145,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-card { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4015,6 +4171,7 @@ .p-card .p-card-footer { padding: 0.75rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4038,6 +4195,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #e0e0e0; background: #ffffff; @@ -4078,6 +4236,7 @@ .p-fieldset .p-fieldset-content { padding: 0.75rem; } + .p-panel .p-panel-header { border: 1px solid #e0e0e0; padding: 0.75rem; @@ -4144,6 +4303,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: rgba(0, 0, 0, 0.12); border: 0 none; @@ -4154,6 +4314,7 @@ outline-offset: 0; box-shadow: none; } + .p-splitter { border: 1px solid #e0e0e0; background: #ffffff; @@ -4175,164 +4336,7 @@ .p-splitter .p-splitter-gutter-resizing { background: rgba(0, 0, 0, 0.12); } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: none; - border-radius: 4px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(0, 0, 0, 0.87); - border: 1px solid transparent; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(0, 0, 0, 0.87); - font-weight: 500; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(0, 0, 0, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #673AB7; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 0.75rem; - color: rgba(0, 0, 0, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #bdbdbd; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: none; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #673AB7; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.75rem; } @@ -4401,6 +4405,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-toolbar { background: #ffffff; border: 1px solid #e0e0e0; @@ -4411,6 +4416,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4458,6 +4464,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 4px; box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4530,6 +4537,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4571,6 +4579,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4581,7 +4590,7 @@ padding: 0.75rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(0, 0, 0, 0.6); @@ -4591,13 +4600,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4611,6 +4620,7 @@ .p-sidebar .p-sidebar-footer { padding: 0.75rem; } + .p-tooltip .p-tooltip-text { background: rgba(97, 97, 97, 0.9); color: #ffffff; @@ -4630,6 +4640,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: rgba(97, 97, 97, 0.9); } + .p-fileupload .p-fileupload-buttonbar { background: #ffffff; padding: 0.75rem; @@ -4669,6 +4680,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: rgba(103, 58, 183, 0.92); color: #ffffff; @@ -4679,6 +4691,7 @@ color: #ffffff; border-color: transparent; } + .p-breadcrumb { background: #ffffff; border: 1px solid #e5e5e5; @@ -4710,6 +4723,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); } + .p-contextmenu { padding: 0.5rem 0; background: #ffffff; @@ -4757,7 +4771,7 @@ color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4771,7 +4785,7 @@ color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4782,7 +4796,7 @@ color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-contextmenu .p-menuitem-separator { @@ -4796,6 +4810,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4819,31 +4834,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4902,7 +4918,7 @@ color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4916,7 +4932,7 @@ color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4927,7 +4943,7 @@ color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-megamenu .p-megamenu-panel { @@ -4985,9 +5001,10 @@ color: rgba(0, 0, 0, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } + .p-menu { padding: 0.5rem 0; background: #ffffff; @@ -5024,7 +5041,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5038,7 +5055,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5049,7 +5066,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menu.p-menu-overlay { @@ -5083,6 +5100,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.75rem; background: transparent; @@ -5121,7 +5139,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5152,7 +5170,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5166,7 +5184,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5177,7 +5195,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-submenu-list { @@ -5194,6 +5212,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5368,7 +5387,7 @@ color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5382,7 +5401,7 @@ color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5393,7 +5412,7 @@ color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5433,6 +5452,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5475,7 +5495,7 @@ color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5489,7 +5509,7 @@ color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5500,7 +5520,7 @@ color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-slidemenu.p-slidemenu-overlay { @@ -5547,6 +5567,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5591,6 +5612,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: solid rgba(0, 0, 0, 0.12); @@ -5661,6 +5683,7 @@ outline-offset: 0; box-shadow: inset none; } + .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5711,7 +5734,7 @@ color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5725,7 +5748,7 @@ color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5736,7 +5759,7 @@ color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-tieredmenu .p-menuitem-separator { @@ -5750,6 +5773,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5805,6 +5829,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 0.75rem 0; border-radius: 4px; @@ -5893,6 +5918,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5943,7 +5969,7 @@ color: #01579b; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { @@ -5953,7 +5979,7 @@ color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5963,7 +5989,7 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { @@ -5973,9 +5999,10 @@ color: #b71c1c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #b71c1c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -6006,7 +6033,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6063,7 +6090,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -6073,7 +6100,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.87); } @@ -6082,23 +6109,29 @@ outline-offset: 0; box-shadow: none; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6122,6 +6155,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; @@ -6142,9 +6176,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #673AB7; color: #ffffff; @@ -6186,6 +6222,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); @@ -6221,6 +6258,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 1rem 1rem; border-radius: 4px; @@ -6235,15 +6273,19 @@ outline-offset: 0; box-shadow: none; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6251,19 +6293,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6323,6 +6370,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-progressbar { border: 0 none; height: 4px; @@ -6338,6 +6386,7 @@ color: #ffffff; line-height: 4px; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6359,6 +6408,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(0, 0, 0, 0.08); border-radius: 4px; @@ -6366,6 +6416,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #673AB7; color: #ffffff; @@ -6398,6 +6449,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -6449,9 +6501,11 @@ .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { opacity: 0.38; } + .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -6481,9 +6535,11 @@ background-image: none; background: transparent; } + .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 1rem; } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding-top: 0; padding-bottom: 0; @@ -6513,18 +6569,21 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-breadcrumb .p-menuitem-link { padding: 0.25rem 0.5rem; } .p-breadcrumb .p-menuitem-link:focus { background: rgba(0, 0, 0, 0.12); } + .p-button { font-weight: 500; min-width: 4rem; @@ -6576,6 +6635,7 @@ .p-button.p-button-raised:enabled:focus { 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); } + .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 { background: rgba(76, 175, 80, 0.76); } @@ -6591,6 +6651,7 @@ .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { background-color: rgba(76, 175, 80, 0.16); } + .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 { background: rgba(33, 150, 243, 0.76); } @@ -6606,6 +6667,7 @@ .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { background-color: rgba(33, 150, 243, 0.16); } + .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 { background: rgba(104, 159, 56, 0.76); } @@ -6621,6 +6683,7 @@ .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { background-color: rgba(104, 159, 56, 0.16); } + .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 { background: rgba(251, 192, 45, 0.76); } @@ -6636,6 +6699,7 @@ .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { background-color: rgba(251, 192, 45, 0.16); } + .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 { background: rgba(156, 39, 176, 0.76); } @@ -6651,6 +6715,7 @@ .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { background-color: rgba(156, 39, 176, 0.16); } + .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 { background: rgba(211, 47, 47, 0.76); } @@ -6666,6 +6731,7 @@ .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { background-color: rgba(211, 47, 47, 0.16); } + .p-calendar-w-btn { border: 1px solid rgba(0, 0, 0, 0.38); background: #ffffff; @@ -6712,6 +6778,7 @@ .p-calendar-w-btn.p-calendar-disabled .p-inputtext { opacity: 1; } + .p-datepicker .p-datepicker-header { border-bottom: 0 none; } @@ -6737,6 +6804,7 @@ .p-datepicker table td.p-datepicker-today.p-highlight { box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.12); } + p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } @@ -6749,6 +6817,7 @@ p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-input-filled .p-calendar-w-btn { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -6804,6 +6873,7 @@ border: 0 none; background-image: none; } + .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { background-image: none; background: transparent; @@ -6814,9 +6884,11 @@ .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } + .p-cascadeselect-item .p-ink { background-color: rgba(103, 58, 183, 0.16); } + .p-input-filled .p-cascadeselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -6864,6 +6936,7 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { padding-top: 1.25rem; padding-bottom: 0.25rem; @@ -6883,13 +6956,16 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #4CAF50; color: #ffffff; } + .p-checkbox { border-radius: 50%; transition: box-shadow 0.2s; @@ -6931,12 +7007,14 @@ .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #ffffff; } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { background-color: #ffffff; } + @keyframes checkbox-check { 0% { width: 0; @@ -6959,6 +7037,7 @@ .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } + .p-input-filled .p-chips-multiple-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -6988,9 +7067,11 @@ background-image: none; background: transparent; } + .p-float-label .p-chips-multiple-container .p-chips-token { padding: 0.25rem 1rem; } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { padding-top: 0; padding-bottom: 0; @@ -7012,9 +7093,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-datatable .p-sortable-column { outline: 0 none; } @@ -7027,12 +7110,14 @@ .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { background-color: rgba(0, 0, 0, 0.03); } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #673AB7; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #673AB7; } + .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { background-image: none; background: transparent; @@ -7043,9 +7128,11 @@ .p-dropdown:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } + .p-dropdown-item .p-ink { background-color: rgba(103, 58, 183, 0.16); } + .p-input-filled .p-dropdown { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7089,9 +7176,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-galleria .p-galleria-indicators { padding: 1rem; } @@ -7103,12 +7192,14 @@ background: rgba(76, 175, 80, 0.68); color: #ffffff; } + .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } .p-inputtext:enabled:focus.ng-invalid.ng-dirty { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-input-filled .p-inputtext { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7138,6 +7229,7 @@ box-shadow: none; border-color: transparent; } + .p-input-filled .p-inputgroup .p-inputgroup-addon { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7152,24 +7244,26 @@ border-right-color: transparent; } .p-input-filled .p-inputgroup-addon:first-child, - .p-input-filled .p-inputgroup button:first-child, - .p-input-filled .p-inputgroup input:first-child { +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { border-bottom-left-radius: 0; } .p-input-filled .p-inputgroup .p-float-label:first-child input { border-bottom-left-radius: 0; } .p-input-filled .p-inputgroup-addon:last-child, - .p-input-filled .p-inputgroup button:last-child, - .p-input-filled .p-inputgroup input:last-child { +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { border-bottom-right-radius: 0; } .p-input-filled .p-inputgroup .p-float-label:last-child input { border-bottom-right-radius: 0; } + p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); @@ -7178,9 +7272,11 @@ box-shadow: none; border-color: transparent; } + p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); @@ -7189,6 +7285,7 @@ box-shadow: none; border-color: transparent; } + .p-inputswitch .p-inputswitch-slider:before { transition-property: box-shadow transform; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -7205,45 +7302,51 @@ .p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } + .p-fieldset .p-fieldset-legend { border: 0 none; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { background: rgba(0, 0, 0, 0.12); } + .p-float-label input:focus ~ label, - .p-float-label input.p-filled ~ label, - .p-float-label textarea:focus ~ label, - .p-float-label textarea.p-filled ~ label, - .p-float-label .p-inputwrapper-focus ~ label, - .p-float-label .p-inputwrapper-filled ~ label { +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { top: -0.5rem !important; background-color: #ffffff; padding: 2px 4px; margin-left: -4px; margin-top: 0; } + .p-float-label textarea ~ label { margin-top: 0; } + .p-float-label input:focus ~ label, - .p-float-label .p-inputwrapper-focus ~ label { +.p-float-label .p-inputwrapper-focus ~ label { color: #673AB7; } + .p-input-filled .p-float-label .p-inputtext { padding-top: 1.25rem; padding-bottom: 0.25rem; } .p-input-filled .p-float-label input:focus ~ label, - .p-input-filled .p-float-label input.p-filled ~ label, - .p-input-filled .p-float-label textarea:focus ~ label, - .p-input-filled .p-float-label textarea.p-filled ~ label, - .p-input-filled .p-float-label .p-inputwrapper-focus ~ label, - .p-input-filled .p-float-label .p-inputwrapper-filled ~ label { +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { top: 0.25rem !important; margin-top: 0; background: transparent; } + .p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(103, 58, 183, 0.16); } @@ -7253,21 +7356,25 @@ .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { background: rgba(103, 58, 183, 0.24); } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-menu .p-menuitem .p-menuitem-link:focus { background: rgba(0, 0, 0, 0.12); } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { background-image: none; background: transparent; @@ -7278,6 +7385,7 @@ .p-multiselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { background-color: rgba(103, 58, 183, 0.16); } @@ -7290,6 +7398,7 @@ .p-multiselect-panel .p-multiselect-close:focus { background: rgba(0, 0, 0, 0.12); } + .p-input-filled .p-multiselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7323,11 +7432,13 @@ background-image: none; background: transparent; } + .p-float-label .p-multiselect-label .p-multiselect-token { padding: 0.25rem 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } + .p-input-filled .p-float-label .p-multiselect .p-multiselect-label { padding-top: 1.25rem; padding-bottom: 0.25rem; @@ -7356,18 +7467,22 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-orderlist .p-orderlist-list .p-orderlist-item:focus { background: rgba(0, 0, 0, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { background: rgba(103, 58, 183, 0.24); } + .p-overlaypanel .p-overlaypanel-content { padding: 1.5rem; } + .p-paginator { justify-content: flex-end; } @@ -7377,13 +7492,14 @@ .p-paginator .p-paginator-element:focus.p-highlight { background: rgba(103, 58, 183, 0.24); } + .p-panel { border-radius: 4px; 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); } .p-panel .p-panel-header, - .p-panel .p-panel-content, - .p-panel .p-panel-footer { +.p-panel .p-panel-content, +.p-panel .p-panel-footer { border: 0 none; } .p-panel .p-panel-content { @@ -7395,6 +7511,7 @@ .p-panel .p-panel-header-icon:focus { background: rgba(0, 0, 0, 0.12); } + .p-panelmenu .p-panelmenu-panel { 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); margin-bottom: 0; @@ -7430,18 +7547,21 @@ .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-picklist .p-picklist-list .p-picklist-item:focus { background: rgba(0, 0, 0, 0.12); } .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { background: rgba(103, 58, 183, 0.24); } + .p-progressbar { border-radius: 0; } .p-progressbar .p-progressbar-label { display: none !important; } + .p-radiobutton { border-radius: 50%; transition: box-shadow 0.2s; @@ -7467,12 +7587,14 @@ .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #ffffff; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { background-color: #ffffff; } + .p-rating { gap: 0; } @@ -7494,6 +7616,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { background: rgba(176, 0, 32, 0.04); } + .p-selectbutton .p-button:focus { background: #e0e0e1; border-color: #e0e0e1; @@ -7502,12 +7625,14 @@ background: #d9d8d9; border-color: #d9d8d9; } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-slider .p-slider-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); @@ -7518,6 +7643,7 @@ .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); } + .p-steps { padding: 1rem 0; } @@ -7570,6 +7696,7 @@ .p-steps .p-steps-item.p-disabled { opacity: 1; } + .p-tabview .p-tabview-nav { position: relative; } @@ -7592,9 +7719,11 @@ background-color: #673AB7; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-toolbar { border: 0 none; } + .p-tooltip .p-tooltip-text { box-shadow: none; font-size: 0.875rem; @@ -7602,12 +7731,14 @@ .p-tooltip .p-tooltip-arrow { display: none; } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { background-image: none; background: transparent; @@ -7618,9 +7749,11 @@ .p-treeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } + .p-treeselect-item .p-ink { background-color: rgba(103, 58, 183, 0.16); } + .p-input-filled .p-treeselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7654,11 +7787,13 @@ background-image: none; background: transparent; } + .p-float-label .p-treeselect-label .p-treeselect-token { padding: 0.25rem 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } + .p-input-filled .p-float-label .p-treeselect .p-treeselect-label { padding-top: 1.25rem; padding-bottom: 0.25rem; @@ -7687,9 +7822,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + .p-treeselect.p-invalid:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-tree .p-tree-container .p-treenode { outline: 0 none; } @@ -7699,6 +7836,7 @@ .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { background: rgba(103, 58, 183, 0.24); } + .p-treetable .p-sortable-column { outline: 0 none; } @@ -7711,6 +7849,7 @@ .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { background-color: rgba(0, 0, 0, 0.03); } + .p-tabmenu .p-tabmenu-nav { position: relative; } @@ -7735,12 +7874,14 @@ background-color: #673AB7; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { margin: 0.5rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { margin: 0 0.5rem; } + .p-togglebutton.p-button:focus { background: #e0e0e1; border-color: #e0e0e1; @@ -7749,6 +7890,7 @@ background: #d9d8d9; border-color: #d9d8d9; } + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(103, 58, 183, 0.12); } @@ -7780,45 +7922,53 @@ .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { 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); } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(76, 175, 80, 0.12); } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(76, 175, 80, 0.16); } + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(33, 150, 243, 0.12); } .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(104, 159, 56, 0.12); } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(251, 192, 45, 0.12); } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(156, 39, 176, 0.12); } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(211, 47, 47, 0.12); } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); } + .p-scrollpanel .p-scrollpanel-bar:focus { box-shadow: 0 0 1px 4px rgba(76, 175, 80, 0.2); } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); diff --git a/src/assets/components/themes/mdc-light-indigo/theme.css b/src/assets/components/themes/mdc-light-indigo/theme.css index eaf9e116eb9..be1f9c8626d 100644 --- a/src/assets/components/themes/mdc-light-indigo/theme.css +++ b/src/assets/components/themes/mdc-light-indigo/theme.css @@ -54,21 +54,24 @@ font-family: "Roboto"; font-style: normal; font-weight: 400; - src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500 - latin-ext_latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; - src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-700 - latin-ext_latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; - src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } :root { --blue-50:#f4fafe; @@ -296,32 +299,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.32); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.38; } + .p-error { color: #b00020; } + .p-text-secondary { color: rgba(0, 0, 0, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -333,12 +344,15 @@ outline-offset: 0; box-shadow: none; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -355,6 +369,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -401,6 +416,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #b00020; } + .p-autocomplete-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -447,9 +463,11 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #b00020; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -457,19 +475,23 @@ color: rgba(0, 0, 0, 0.6); right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(0, 0, 0, 0.6); right: 3.5rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #b00020; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #3F51B5; } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -496,7 +518,7 @@ border-top-left-radius: 4px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(0, 0, 0, 0.6); @@ -506,13 +528,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -521,14 +543,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(0, 0, 0, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 500; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #3F51B5; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -567,7 +589,7 @@ .p-datepicker table td.p-datepicker-today > span { background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-color: rgb(0, 0, 0); + border-color: black; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #3F51B5; @@ -677,6 +699,7 @@ outline-offset: 0; box-shadow: none; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -684,10 +707,12 @@ color: rgba(0, 0, 0, 0.6); right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(0, 0, 0, 0.6); right: 3.5rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -730,6 +755,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #b00020; } + .p-cascadeselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -769,6 +795,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f5f5f5; } @@ -778,9 +805,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #dcdcdc; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #b00020; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -788,6 +817,7 @@ color: rgba(0, 0, 0, 0.6); right: 2.75rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -796,6 +826,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 18px; height: 18px; @@ -836,9 +867,11 @@ background: #3F51B5; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #b00020; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f5f5f5; } @@ -851,12 +884,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #3F51B5; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #b00020; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(0, 0, 0, 0.87); } @@ -895,9 +931,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #b00020; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -905,22 +943,26 @@ color: rgba(0, 0, 0, 0.6); right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.38); @@ -964,6 +1006,7 @@ .p-dropdown.p-invalid.p-component { border-color: #b00020; } + .p-dropdown-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1027,6 +1070,7 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #f5f5f5; } @@ -1039,14 +1083,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #b00020; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #ffffff; color: rgba(0, 0, 0, 0.6); @@ -1059,68 +1106,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid rgba(0, 0, 0, 0.38); } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.75rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: rgba(0, 0, 0, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: rgba(0, 0, 0, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #b00020; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1128,9 +1185,11 @@ color: rgba(0, 0, 0, 0.6); right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #b00020; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1138,21 +1197,25 @@ color: rgba(0, 0, 0, 0.6); right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.5rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.5rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 2.75rem; height: 1rem; @@ -1191,9 +1254,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: rgba(63, 81, 181, 0.5); } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #b00020; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1226,54 +1291,69 @@ font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: rgba(0, 0, 0, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #b00020; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: rgba(0, 0, 0, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: rgba(0, 0, 0, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } + :-moz-placeholder { color: rgba(0, 0, 0, 0.6); } + ::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } + :-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } + .p-input-filled .p-inputtext { background-color: #f5f5f5; } @@ -1283,14 +1363,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #dcdcdc; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-listbox { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1365,9 +1448,11 @@ box-shadow: none; border-color: #3F51B5; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #b00020; } + .p-multiselect { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.38); @@ -1407,9 +1492,11 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1417,6 +1504,7 @@ color: rgba(0, 0, 0, 0.6); right: 2.75rem; } + .p-multiselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1505,6 +1593,7 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #f5f5f5; } @@ -1514,12 +1603,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #dcdcdc; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #b00020; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #b00020; } + .p-password-panel { padding: 0.75rem; background: #ffffff; @@ -1541,6 +1633,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #689f38; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1548,6 +1641,7 @@ color: rgba(0, 0, 0, 0.6); right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1555,6 +1649,7 @@ color: rgba(0, 0, 0, 0.6); right: 2.5rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1592,9 +1687,11 @@ background: #ffffff; color: #3F51B5; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #b00020; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f5f5f5; } @@ -1607,9 +1704,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #ffffff; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1640,6 +1739,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b00020; } + .p-selectbutton .p-button { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.12); @@ -1647,7 +1747,7 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1656,7 +1756,7 @@ color: rgba(0, 0, 0, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1665,7 +1765,7 @@ color: rgba(0, 0, 0, 0.87); } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-selectbutton .p-button.p-highlight:hover { @@ -1674,12 +1774,14 @@ color: rgba(0, 0, 0, 0.87); } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #b00020; } + .p-slider { background: #c1c1c1; border: 0 none; @@ -1731,6 +1833,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.12); @@ -1738,7 +1841,7 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1747,7 +1850,7 @@ color: rgba(0, 0, 0, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1756,7 +1859,7 @@ color: rgba(0, 0, 0, 0.87); } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } .p-togglebutton.p-button.p-highlight:hover { @@ -1765,12 +1868,14 @@ color: rgba(0, 0, 0, 0.87); } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: rgba(0, 0, 0, 0.6); } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #b00020; } + .p-treeselect { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.38); @@ -1807,12 +1912,15 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #b00020; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } + .p-treeselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1872,6 +1980,7 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #f5f5f5; } @@ -1881,6 +1990,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #dcdcdc; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1888,6 +1998,7 @@ color: rgba(0, 0, 0, 0.6); right: 2.75rem; } + .p-button { color: #ffffff; background: #3F51B5; @@ -1999,7 +2110,7 @@ padding: 0.643rem; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2026,6 +2137,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2038,414 +2150,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #ff4081; border: 0 none; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: rgba(255, 64, 129, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: rgba(255, 64, 129, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #ff4081; border: 0 none; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 64, 129, 0.04); color: #ff4081; border: 0 none; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 64, 129, 0.16); color: #ff4081; border: 0 none; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #ff4081; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 64, 129, 0.04); border-color: transparent; color: #ff4081; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 64, 129, 0.16); border-color: transparent; color: #ff4081; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #2196f3; border: 0 none; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #2196f3; border: 0 none; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); color: #2196f3; border: 0 none; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(33, 150, 243, 0.16); color: #2196f3; border: 0 none; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #2196f3; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; color: #2196f3; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; color: #2196f3; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689f38; border: 0 none; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #689f38; border: 0 none; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); color: #689f38; border: 0 none; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); color: #689f38; border: 0 none; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #689f38; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; color: #689f38; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; color: #689f38; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #fbc02d; border: 0 none; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.92); color: #212529; border-color: transparent; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.68); color: #212529; border-color: transparent; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #fbc02d; border: 0 none; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); color: #fbc02d; border: 0 none; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); color: #fbc02d; border: 0 none; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #fbc02d; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; color: #fbc02d; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; color: #fbc02d; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #9c27b0; border: 0 none; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9c27b0; border: 0 none; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9c27b0; border: 0 none; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); color: #9c27b0; border: 0 none; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #9c27b0; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9c27b0; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9c27b0; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #d32f2f; border: 0 none; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.92); color: #ffffff; border-color: transparent; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.68); color: #ffffff; border-color: transparent; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #d32f2f; border: 0 none; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); color: #d32f2f; border: 0 none; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); color: #d32f2f; border: 0 none; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #d32f2f; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; color: #d32f2f; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; color: #d32f2f; } + .p-button.p-button-link { color: #3F51B5; background: transparent; @@ -2469,6 +2588,7 @@ color: #3F51B5; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2480,14 +2600,17 @@ width: 2rem; height: 2rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: none; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2498,45 +2621,52 @@ background: rgba(255, 64, 129, 0.92); color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.32); } + .p-splitbutton { border-radius: 4px; } @@ -2614,6 +2744,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #ff4081; @@ -2642,6 +2773,7 @@ border-color: transparent; color: #ff4081; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #2196f3; @@ -2670,6 +2802,7 @@ border-color: transparent; color: #2196f3; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689f38; @@ -2698,6 +2831,7 @@ border-color: transparent; color: #689f38; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fbc02d; @@ -2726,6 +2860,7 @@ border-color: transparent; color: #fbc02d; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2754,6 +2889,7 @@ border-color: transparent; color: #9c27b0; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d32f2f; @@ -2782,8 +2918,9 @@ border-color: transparent; color: #d32f2f; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(0, 0, 0, 0.6); @@ -2794,13 +2931,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2826,6 +2963,7 @@ background: rgba(63, 81, 181, 0.12); color: #3F51B5; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2919,9 +3057,9 @@ padding: 0.75rem 0.75rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(0, 0, 0, 0.6); @@ -2931,17 +3069,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2971,12 +3109,12 @@ background: #3F51B5; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #ffffff; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #ffffff; } .p-datatable .p-datatable-loading-icon { @@ -3079,6 +3217,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.9375rem 0.9375rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3117,10 +3256,12 @@ .p-dataview .p-dataview-emptymessage { padding: 0.75rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3148,6 +3289,7 @@ outline-offset: 0; box-shadow: none; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3167,6 +3309,7 @@ outline-offset: 0; box-shadow: none; } + .p-column-filter-overlay { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3204,6 +3347,7 @@ border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem; border-bottom: 1px solid rgba(0, 0, 0, 0.12); @@ -3232,6 +3376,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.75rem; } + .p-orderlist .p-orderlist-controls { padding: 0.75rem; } @@ -3317,6 +3462,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(0, 0, 0, 0.04); } + .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 0.75rem; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); @@ -3325,6 +3471,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); @@ -3363,6 +3510,7 @@ outline-offset: 0; box-shadow: none; } + .p-paginator { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3372,9 +3520,9 @@ border-radius: 4px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(0, 0, 0, 0.6); @@ -3385,9 +3533,9 @@ border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); border-color: transparent; color: rgba(0, 0, 0, 0.6); @@ -3444,6 +3592,7 @@ border-color: transparent; color: rgba(0, 0, 0, 0.6); } + .p-picklist .p-picklist-buttons { padding: 0.75rem; } @@ -3529,6 +3678,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(0, 0, 0, 0.04); } + .p-picklist-item.cdk-drag-preview { padding: 0.75rem 0.75rem; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); @@ -3537,6 +3687,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3548,19 +3699,20 @@ background-color: #bdbdbd; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #e0e0e0; background: #ffffff; @@ -3617,11 +3769,11 @@ color: #3F51B5; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #3F51B5; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #3F51B5; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3694,6 +3846,7 @@ outline-offset: 0; box-shadow: none; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3833,7 +3986,7 @@ background: #3F51B5; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #ffffff; } .p-treetable .p-treetable-loading-icon { @@ -3894,6 +4047,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.9375rem 0.9375rem; } + .p-virtualscroller .p-virtualscroller-header { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3918,6 +4072,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 0 none; @@ -3990,6 +4145,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-card { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4015,6 +4171,7 @@ .p-card .p-card-footer { padding: 0.75rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4038,6 +4195,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #e0e0e0; background: #ffffff; @@ -4078,6 +4236,7 @@ .p-fieldset .p-fieldset-content { padding: 0.75rem; } + .p-panel .p-panel-header { border: 1px solid #e0e0e0; padding: 0.75rem; @@ -4144,6 +4303,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: rgba(0, 0, 0, 0.12); border: 0 none; @@ -4154,6 +4314,7 @@ outline-offset: 0; box-shadow: none; } + .p-splitter { border: 1px solid #e0e0e0; background: #ffffff; @@ -4175,164 +4336,7 @@ .p-splitter .p-splitter-gutter-resizing { background: rgba(0, 0, 0, 0.12); } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: none; - border-radius: 4px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(0, 0, 0, 0.87); - border: 1px solid transparent; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(0, 0, 0, 0.87); - font-weight: 500; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(0, 0, 0, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #3F51B5; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 0.75rem; - color: rgba(0, 0, 0, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #bdbdbd; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: none; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #3F51B5; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.75rem; } @@ -4401,6 +4405,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-toolbar { background: #ffffff; border: 1px solid #e0e0e0; @@ -4411,6 +4416,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4458,6 +4464,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 4px; box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4530,6 +4537,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4571,6 +4579,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4581,7 +4590,7 @@ padding: 0.75rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(0, 0, 0, 0.6); @@ -4591,13 +4600,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4611,6 +4620,7 @@ .p-sidebar .p-sidebar-footer { padding: 0.75rem; } + .p-tooltip .p-tooltip-text { background: rgba(97, 97, 97, 0.9); color: #ffffff; @@ -4630,6 +4640,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: rgba(97, 97, 97, 0.9); } + .p-fileupload .p-fileupload-buttonbar { background: #ffffff; padding: 0.75rem; @@ -4669,6 +4680,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: rgba(63, 81, 181, 0.92); color: #ffffff; @@ -4679,6 +4691,7 @@ color: #ffffff; border-color: transparent; } + .p-breadcrumb { background: #ffffff; border: 1px solid #e5e5e5; @@ -4710,6 +4723,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); } + .p-contextmenu { padding: 0.5rem 0; background: #ffffff; @@ -4757,7 +4771,7 @@ color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4771,7 +4785,7 @@ color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4782,7 +4796,7 @@ color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-contextmenu .p-menuitem-separator { @@ -4796,6 +4810,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4819,31 +4834,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4902,7 +4918,7 @@ color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4916,7 +4932,7 @@ color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4927,7 +4943,7 @@ color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-megamenu .p-megamenu-panel { @@ -4985,9 +5001,10 @@ color: rgba(0, 0, 0, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } + .p-menu { padding: 0.5rem 0; background: #ffffff; @@ -5024,7 +5041,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5038,7 +5055,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5049,7 +5066,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menu.p-menu-overlay { @@ -5083,6 +5100,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.75rem; background: transparent; @@ -5121,7 +5139,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5152,7 +5170,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5166,7 +5184,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5177,7 +5195,7 @@ color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-submenu-list { @@ -5194,6 +5212,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5368,7 +5387,7 @@ color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5382,7 +5401,7 @@ color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5393,7 +5412,7 @@ color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5433,6 +5452,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5475,7 +5495,7 @@ color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5489,7 +5509,7 @@ color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5500,7 +5520,7 @@ color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-slidemenu.p-slidemenu-overlay { @@ -5547,6 +5567,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5591,6 +5612,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: solid rgba(0, 0, 0, 0.12); @@ -5661,6 +5683,7 @@ outline-offset: 0; box-shadow: inset none; } + .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5711,7 +5734,7 @@ color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5725,7 +5748,7 @@ color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5736,7 +5759,7 @@ color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-tieredmenu .p-menuitem-separator { @@ -5750,6 +5773,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5805,6 +5829,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 0.75rem 0; border-radius: 4px; @@ -5893,6 +5918,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5943,7 +5969,7 @@ color: #01579b; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { @@ -5953,7 +5979,7 @@ color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5963,7 +5989,7 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { @@ -5973,9 +5999,10 @@ color: #b71c1c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #b71c1c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -6006,7 +6033,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6063,7 +6090,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -6073,7 +6100,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.87); } @@ -6082,23 +6109,29 @@ outline-offset: 0; box-shadow: none; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6122,6 +6155,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; @@ -6142,9 +6176,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #3F51B5; color: #ffffff; @@ -6186,6 +6222,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); @@ -6221,6 +6258,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 1rem 1rem; border-radius: 4px; @@ -6235,15 +6273,19 @@ outline-offset: 0; box-shadow: none; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6251,19 +6293,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6323,6 +6370,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-progressbar { border: 0 none; height: 4px; @@ -6338,6 +6386,7 @@ color: #ffffff; line-height: 4px; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6359,6 +6408,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(0, 0, 0, 0.08); border-radius: 4px; @@ -6366,6 +6416,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #3F51B5; color: #ffffff; @@ -6398,6 +6449,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -6449,9 +6501,11 @@ .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { opacity: 0.38; } + .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -6481,9 +6535,11 @@ background-image: none; background: transparent; } + .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 1rem; } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding-top: 0; padding-bottom: 0; @@ -6513,18 +6569,21 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-breadcrumb .p-menuitem-link { padding: 0.25rem 0.5rem; } .p-breadcrumb .p-menuitem-link:focus { background: rgba(0, 0, 0, 0.12); } + .p-button { font-weight: 500; min-width: 4rem; @@ -6576,6 +6635,7 @@ .p-button.p-button-raised:enabled:focus { 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); } + .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 { background: rgba(255, 64, 129, 0.76); } @@ -6591,6 +6651,7 @@ .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { background-color: rgba(255, 64, 129, 0.16); } + .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 { background: rgba(33, 150, 243, 0.76); } @@ -6606,6 +6667,7 @@ .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { background-color: rgba(33, 150, 243, 0.16); } + .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 { background: rgba(104, 159, 56, 0.76); } @@ -6621,6 +6683,7 @@ .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { background-color: rgba(104, 159, 56, 0.16); } + .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 { background: rgba(251, 192, 45, 0.76); } @@ -6636,6 +6699,7 @@ .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { background-color: rgba(251, 192, 45, 0.16); } + .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 { background: rgba(156, 39, 176, 0.76); } @@ -6651,6 +6715,7 @@ .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { background-color: rgba(156, 39, 176, 0.16); } + .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 { background: rgba(211, 47, 47, 0.76); } @@ -6666,6 +6731,7 @@ .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { background-color: rgba(211, 47, 47, 0.16); } + .p-calendar-w-btn { border: 1px solid rgba(0, 0, 0, 0.38); background: #ffffff; @@ -6712,6 +6778,7 @@ .p-calendar-w-btn.p-calendar-disabled .p-inputtext { opacity: 1; } + .p-datepicker .p-datepicker-header { border-bottom: 0 none; } @@ -6737,6 +6804,7 @@ .p-datepicker table td.p-datepicker-today.p-highlight { box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.12); } + p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } @@ -6749,6 +6817,7 @@ p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-input-filled .p-calendar-w-btn { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -6804,6 +6873,7 @@ border: 0 none; background-image: none; } + .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { background-image: none; background: transparent; @@ -6814,9 +6884,11 @@ .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } + .p-cascadeselect-item .p-ink { background-color: rgba(63, 81, 181, 0.16); } + .p-input-filled .p-cascadeselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -6864,6 +6936,7 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { padding-top: 1.25rem; padding-bottom: 0.25rem; @@ -6883,13 +6956,16 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #ff4081; color: #ffffff; } + .p-checkbox { border-radius: 50%; transition: box-shadow 0.2s; @@ -6931,12 +7007,14 @@ .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #ffffff; } .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { background-color: #ffffff; } + @keyframes checkbox-check { 0% { width: 0; @@ -6959,6 +7037,7 @@ .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } + .p-input-filled .p-chips-multiple-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -6988,9 +7067,11 @@ background-image: none; background: transparent; } + .p-float-label .p-chips-multiple-container .p-chips-token { padding: 0.25rem 1rem; } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { padding-top: 0; padding-bottom: 0; @@ -7012,9 +7093,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-datatable .p-sortable-column { outline: 0 none; } @@ -7027,12 +7110,14 @@ .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { background-color: rgba(0, 0, 0, 0.03); } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #3F51B5; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #3F51B5; } + .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { background-image: none; background: transparent; @@ -7043,9 +7128,11 @@ .p-dropdown:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } + .p-dropdown-item .p-ink { background-color: rgba(63, 81, 181, 0.16); } + .p-input-filled .p-dropdown { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7089,9 +7176,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-galleria .p-galleria-indicators { padding: 1rem; } @@ -7103,12 +7192,14 @@ background: rgba(255, 64, 129, 0.68); color: #ffffff; } + .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } .p-inputtext:enabled:focus.ng-invalid.ng-dirty { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-input-filled .p-inputtext { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7138,6 +7229,7 @@ box-shadow: none; border-color: transparent; } + .p-input-filled .p-inputgroup .p-inputgroup-addon { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7152,24 +7244,26 @@ border-right-color: transparent; } .p-input-filled .p-inputgroup-addon:first-child, - .p-input-filled .p-inputgroup button:first-child, - .p-input-filled .p-inputgroup input:first-child { +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { border-bottom-left-radius: 0; } .p-input-filled .p-inputgroup .p-float-label:first-child input { border-bottom-left-radius: 0; } .p-input-filled .p-inputgroup-addon:last-child, - .p-input-filled .p-inputgroup button:last-child, - .p-input-filled .p-inputgroup input:last-child { +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { border-bottom-right-radius: 0; } .p-input-filled .p-inputgroup .p-float-label:last-child input { border-bottom-right-radius: 0; } + p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); @@ -7178,9 +7272,11 @@ box-shadow: none; border-color: transparent; } + p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); @@ -7189,6 +7285,7 @@ box-shadow: none; border-color: transparent; } + .p-inputswitch .p-inputswitch-slider:before { transition-property: box-shadow transform; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -7205,45 +7302,51 @@ .p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } + .p-fieldset .p-fieldset-legend { border: 0 none; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { background: rgba(0, 0, 0, 0.12); } + .p-float-label input:focus ~ label, - .p-float-label input.p-filled ~ label, - .p-float-label textarea:focus ~ label, - .p-float-label textarea.p-filled ~ label, - .p-float-label .p-inputwrapper-focus ~ label, - .p-float-label .p-inputwrapper-filled ~ label { +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { top: -0.5rem !important; background-color: #ffffff; padding: 2px 4px; margin-left: -4px; margin-top: 0; } + .p-float-label textarea ~ label { margin-top: 0; } + .p-float-label input:focus ~ label, - .p-float-label .p-inputwrapper-focus ~ label { +.p-float-label .p-inputwrapper-focus ~ label { color: #3F51B5; } + .p-input-filled .p-float-label .p-inputtext { padding-top: 1.25rem; padding-bottom: 0.25rem; } .p-input-filled .p-float-label input:focus ~ label, - .p-input-filled .p-float-label input.p-filled ~ label, - .p-input-filled .p-float-label textarea:focus ~ label, - .p-input-filled .p-float-label textarea.p-filled ~ label, - .p-input-filled .p-float-label .p-inputwrapper-focus ~ label, - .p-input-filled .p-float-label .p-inputwrapper-filled ~ label { +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { top: 0.25rem !important; margin-top: 0; background: transparent; } + .p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(63, 81, 181, 0.16); } @@ -7253,21 +7356,25 @@ .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { background: rgba(63, 81, 181, 0.24); } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-menu .p-menuitem .p-menuitem-link:focus { background: rgba(0, 0, 0, 0.12); } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { background-image: none; background: transparent; @@ -7278,6 +7385,7 @@ .p-multiselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { background-color: rgba(63, 81, 181, 0.16); } @@ -7290,6 +7398,7 @@ .p-multiselect-panel .p-multiselect-close:focus { background: rgba(0, 0, 0, 0.12); } + .p-input-filled .p-multiselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7323,11 +7432,13 @@ background-image: none; background: transparent; } + .p-float-label .p-multiselect-label .p-multiselect-token { padding: 0.25rem 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } + .p-input-filled .p-float-label .p-multiselect .p-multiselect-label { padding-top: 1.25rem; padding-bottom: 0.25rem; @@ -7356,18 +7467,22 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-orderlist .p-orderlist-list .p-orderlist-item:focus { background: rgba(0, 0, 0, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { background: rgba(63, 81, 181, 0.24); } + .p-overlaypanel .p-overlaypanel-content { padding: 1.5rem; } + .p-paginator { justify-content: flex-end; } @@ -7377,13 +7492,14 @@ .p-paginator .p-paginator-element:focus.p-highlight { background: rgba(63, 81, 181, 0.24); } + .p-panel { border-radius: 4px; 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); } .p-panel .p-panel-header, - .p-panel .p-panel-content, - .p-panel .p-panel-footer { +.p-panel .p-panel-content, +.p-panel .p-panel-footer { border: 0 none; } .p-panel .p-panel-content { @@ -7395,6 +7511,7 @@ .p-panel .p-panel-header-icon:focus { background: rgba(0, 0, 0, 0.12); } + .p-panelmenu .p-panelmenu-panel { 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); margin-bottom: 0; @@ -7430,18 +7547,21 @@ .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-picklist .p-picklist-list .p-picklist-item:focus { background: rgba(0, 0, 0, 0.12); } .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { background: rgba(63, 81, 181, 0.24); } + .p-progressbar { border-radius: 0; } .p-progressbar .p-progressbar-label { display: none !important; } + .p-radiobutton { border-radius: 50%; transition: box-shadow 0.2s; @@ -7467,12 +7587,14 @@ .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #ffffff; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { background-color: #ffffff; } + .p-rating { gap: 0; } @@ -7494,6 +7616,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { background: rgba(176, 0, 32, 0.04); } + .p-selectbutton .p-button:focus { background: #e0e0e1; border-color: #e0e0e1; @@ -7502,12 +7625,14 @@ background: #d9d8d9; border-color: #d9d8d9; } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-slider .p-slider-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); @@ -7518,6 +7643,7 @@ .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); } + .p-steps { padding: 1rem 0; } @@ -7570,6 +7696,7 @@ .p-steps .p-steps-item.p-disabled { opacity: 1; } + .p-tabview .p-tabview-nav { position: relative; } @@ -7592,9 +7719,11 @@ background-color: #3F51B5; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-toolbar { border: 0 none; } + .p-tooltip .p-tooltip-text { box-shadow: none; font-size: 0.875rem; @@ -7602,12 +7731,14 @@ .p-tooltip .p-tooltip-arrow { display: none; } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.12); } + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { background-image: none; background: transparent; @@ -7618,9 +7749,11 @@ .p-treeselect:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } + .p-treeselect-item .p-ink { background-color: rgba(63, 81, 181, 0.16); } + .p-input-filled .p-treeselect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7654,11 +7787,13 @@ background-image: none; background: transparent; } + .p-float-label .p-treeselect-label .p-treeselect-token { padding: 0.25rem 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } + .p-input-filled .p-float-label .p-treeselect .p-treeselect-label { padding-top: 1.25rem; padding-bottom: 0.25rem; @@ -7687,9 +7822,11 @@ box-shadow: none; background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } + .p-treeselect.p-invalid:not(.p-disabled).p-focus { box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } + .p-tree .p-tree-container .p-treenode { outline: 0 none; } @@ -7699,6 +7836,7 @@ .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { background: rgba(63, 81, 181, 0.24); } + .p-treetable .p-sortable-column { outline: 0 none; } @@ -7711,6 +7849,7 @@ .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { background-color: rgba(0, 0, 0, 0.03); } + .p-tabmenu .p-tabmenu-nav { position: relative; } @@ -7735,12 +7874,14 @@ background-color: #3F51B5; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { margin: 0.5rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { margin: 0 0.5rem; } + .p-togglebutton.p-button:focus { background: #e0e0e1; border-color: #e0e0e1; @@ -7749,6 +7890,7 @@ background: #d9d8d9; border-color: #d9d8d9; } + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(63, 81, 181, 0.12); } @@ -7780,45 +7922,53 @@ .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { 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); } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(255, 64, 129, 0.12); } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 64, 129, 0.16); } + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(33, 150, 243, 0.12); } .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(104, 159, 56, 0.12); } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(251, 192, 45, 0.12); } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(156, 39, 176, 0.12); } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(211, 47, 47, 0.12); } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); } + .p-scrollpanel .p-scrollpanel-bar:focus { box-shadow: 0 0 1px 4px rgba(255, 64, 129, 0.2); } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); diff --git a/src/assets/components/themes/mira/theme.css b/src/assets/components/themes/mira/theme.css index d17ad957c5a..21fa8b00f92 100644 --- a/src/assets/components/themes/mira/theme.css +++ b/src/assets/components/themes/mira/theme.css @@ -52,25 +52,29 @@ font-family: "Inter"; font-style: normal; font-weight: 400; - src: local("Inter"), local("Inter-Regular"), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Inter"), local("Inter-Regular"), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: "Inter"; font-style: normal; font-weight: 500; - src: local("Inter Medium"), local("Inter-Medium"), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Inter Medium"), local("Inter-Medium"), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: "Inter"; font-style: normal; font-weight: 600; - src: local("Inter SemiBold"), local("Inter-SemiBold"), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Inter SemiBold"), local("Inter-SemiBold"), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: "Inter"; font-style: normal; font-weight: 700; - src: local("Inter Bold"), local("Inter-Bold"), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Inter Bold"), local("Inter-Bold"), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } :root { --blue-50:#f7f9fb; @@ -298,32 +302,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(112, 120, 136, 0.5); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.6; } + .p-error { color: #bf616a; } + .p-text-secondary { color: #81a1c1; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -335,12 +347,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -357,6 +372,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -403,6 +419,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #bf616a; } + .p-autocomplete-panel { background: #ffffff; color: #4c566a; @@ -449,9 +466,11 @@ color: #4c566a; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #bf616a; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -459,19 +478,23 @@ color: #81a1c1; right: 0.5rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #81a1c1; right: 2.857rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #bf616a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; border-color: #81a1c1; } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -498,7 +521,7 @@ border-top-left-radius: 4px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #81a1c1; @@ -508,13 +531,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #4c566a; border-color: #5e81ac; background: #ffffff; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; @@ -523,14 +546,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #4c566a; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #5e81ac; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -679,6 +702,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -686,10 +710,12 @@ color: #81a1c1; right: 0.5rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #81a1c1; right: 2.857rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -732,6 +758,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #bf616a; } + .p-cascadeselect-panel { background: #ffffff; color: #4c566a; @@ -771,6 +798,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #eceff4; } @@ -780,9 +808,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #bf616a; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -790,6 +820,7 @@ color: #81a1c1; right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -798,6 +829,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -838,9 +870,11 @@ background: #81a1c1; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #bf616a; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #eceff4; } @@ -853,12 +887,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #81a1c1; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #bf616a; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #81a1c1; } @@ -897,9 +934,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #bf616a; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } @@ -907,22 +946,26 @@ color: #81a1c1; right: 0.5rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #ffffff; border: 1px solid #d8dee9; @@ -966,6 +1009,7 @@ .p-dropdown.p-invalid.p-component { border-color: #bf616a; } + .p-dropdown-panel { background: #ffffff; color: #4c566a; @@ -1029,6 +1073,7 @@ color: #4c566a; background: transparent; } + .p-input-filled .p-dropdown { background: #eceff4; } @@ -1041,14 +1086,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #bf616a; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #ffffff; color: #81a1c1; @@ -1061,68 +1109,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #d8dee9; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.5rem; color: #81a1c1; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.5rem; color: #81a1c1; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #bf616a; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1130,9 +1188,11 @@ color: #81a1c1; right: 0.5rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #bf616a; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } @@ -1140,21 +1200,25 @@ color: #81a1c1; right: 0.5rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.857rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.857rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1193,9 +1257,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #81a1c1; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #bf616a; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1228,54 +1294,69 @@ font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-float-label > label { left: 0.5rem; color: #4c566a; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #bf616a; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.5rem; color: #81a1c1; } + .p-input-icon-left > .p-inputtext { padding-left: 2rem; } + .p-input-icon-left.p-float-label > label { left: 2rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.5rem; color: #81a1c1; } + .p-input-icon-right > .p-inputtext { padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2rem; } + .p-icon-field-left.p-float-label > label { left: 2rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2rem; } + ::-webkit-input-placeholder { color: #4c566a; } + :-moz-placeholder { color: #4c566a; } + ::-moz-placeholder { color: #4c566a; } + :-ms-input-placeholder { color: #4c566a; } + .p-input-filled .p-inputtext { background-color: #eceff4; } @@ -1285,14 +1366,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-listbox { background: #ffffff; color: #4c566a; @@ -1367,9 +1451,11 @@ box-shadow: 0 0 0 0.2rem #c0d0e0; border-color: #81a1c1; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #bf616a; } + .p-multiselect { background: #ffffff; border: 1px solid #d8dee9; @@ -1409,9 +1495,11 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.5rem; } @@ -1419,6 +1507,7 @@ color: #81a1c1; right: 2.357rem; } + .p-multiselect-panel { background: #ffffff; color: #4c566a; @@ -1507,6 +1596,7 @@ color: #4c566a; background: transparent; } + .p-input-filled .p-multiselect { background: #eceff4; } @@ -1516,12 +1606,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #bf616a; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #bf616a; } + .p-password-panel { padding: 1rem; background: #ffffff; @@ -1543,6 +1636,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #7fa366; } + p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1550,6 +1644,7 @@ color: #81a1c1; right: 0.5rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1557,6 +1652,7 @@ color: #81a1c1; right: 2rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1594,9 +1690,11 @@ background: #81a1c1; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #bf616a; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #eceff4; } @@ -1609,9 +1707,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #81a1c1; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1642,6 +1742,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #d88889; } + .p-selectbutton .p-button { background: #ffffff; border: 2px solid #d8dee9; @@ -1649,7 +1750,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #81a1c1; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1658,7 +1759,7 @@ color: #4c566a; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #81a1c1; } .p-selectbutton .p-button.p-highlight { @@ -1667,7 +1768,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1676,12 +1777,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #bf616a; } + .p-slider { background: #e5e9f0; border: 0 none; @@ -1733,6 +1836,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #ffffff; border: 2px solid #d8dee9; @@ -1740,7 +1844,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #81a1c1; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1749,7 +1853,7 @@ color: #4c566a; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #81a1c1; } .p-togglebutton.p-button.p-highlight { @@ -1758,7 +1862,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1767,12 +1871,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #bf616a; } + .p-treeselect { background: #ffffff; border: 1px solid #d8dee9; @@ -1809,12 +1915,15 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #bf616a; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } + .p-treeselect-panel { background: #ffffff; color: #4c566a; @@ -1874,6 +1983,7 @@ color: #4c566a; background: transparent; } + .p-input-filled .p-treeselect { background: #eceff4; } @@ -1883,6 +1993,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.5rem; } @@ -1890,6 +2001,7 @@ color: #81a1c1; right: 2.357rem; } + .p-button { color: #ffffff; background: #5e81ac; @@ -2001,7 +2113,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2028,6 +2140,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2040,414 +2153,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #4c566a; border: 2px solid #4c566a; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #707888; color: #ffffff; border-color: #4c566a; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #b3bac8; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #2e3440; color: #ffffff; border-color: #2e3440; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #4c566a; border: 2px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(76, 86, 106, 0.12); color: #4c566a; border: 2px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(76, 86, 106, 0.24); color: #4c566a; border: 2px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #4c566a; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(76, 86, 106, 0.12); border-color: transparent; color: #4c566a; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(76, 86, 106, 0.24); border-color: transparent; color: #4c566a; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #639bb2; border: 2px solid #639bb2; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #88c0d0; color: #ffffff; border-color: #639bb2; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #c1d7e0; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #497e94; color: #ffffff; border-color: #497e94; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #639bb2; border: 2px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(99, 155, 178, 0.12); color: #639bb2; border: 2px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(99, 155, 178, 0.24); color: #639bb2; border: 2px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #639bb2; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(99, 155, 178, 0.12); border-color: transparent; color: #639bb2; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(99, 155, 178, 0.24); border-color: transparent; color: #639bb2; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #7fa366; border: 2px solid #7fa366; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #a3be8c; color: #ffffff; border-color: #7fa366; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ccdac2; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #658450; color: #ffffff; border-color: #658450; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #7fa366; border: 2px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(127, 163, 102, 0.12); color: #7fa366; border: 2px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(127, 163, 102, 0.24); color: #7fa366; border: 2px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #7fa366; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(127, 163, 102, 0.12); border-color: transparent; color: #7fa366; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(127, 163, 102, 0.24); border-color: transparent; color: #7fa366; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #ffffff; background: #d08770; border: 2px solid #d08770; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #e2ac94; color: #ffffff; border-color: #d08770; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #eccfc6; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #c05f40; color: #ffffff; border-color: #c05f40; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #d08770; border: 2px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(208, 135, 112, 0.12); color: #d08770; border: 2px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(208, 135, 112, 0.24); color: #d08770; border: 2px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #d08770; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(208, 135, 112, 0.12); border-color: transparent; color: #d08770; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(208, 135, 112, 0.24); border-color: transparent; color: #d08770; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #9a6796; border: 2px solid #9a6796; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #b48ead; color: #ffffff; border-color: #9a6796; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #d7c2d5; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7c5278; color: #ffffff; border-color: #7c5278; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9a6796; border: 2px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(154, 103, 150, 0.12); color: #9a6796; border: 2px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(154, 103, 150, 0.24); color: #9a6796; border: 2px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #9a6796; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(154, 103, 150, 0.12); border-color: transparent; color: #9a6796; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(154, 103, 150, 0.24); border-color: transparent; color: #9a6796; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #bf616a; border: 2px solid #bf616a; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #d88889; color: #ffffff; border-color: #bf616a; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #e5c0c3; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #a4424c; color: #ffffff; border-color: #a4424c; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #bf616a; border: 2px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(191, 97, 106, 0.12); color: #bf616a; border: 2px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(191, 97, 106, 0.24); color: #bf616a; border: 2px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #bf616a; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(191, 97, 106, 0.12); border-color: transparent; color: #bf616a; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(191, 97, 106, 0.24); border-color: transparent; color: #bf616a; } + .p-button.p-button-link { color: #48678c; background: transparent; @@ -2471,6 +2591,7 @@ color: #48678c; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2482,14 +2603,17 @@ width: 2rem; height: 2rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2500,45 +2624,52 @@ background: #3b4252; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(112, 120, 136, 0.5); } + .p-splitbutton { border-radius: 4px; } @@ -2616,6 +2747,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #4c566a; @@ -2644,6 +2776,7 @@ border-color: transparent; color: #4c566a; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #639bb2; @@ -2672,6 +2805,7 @@ border-color: transparent; color: #639bb2; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #7fa366; @@ -2700,6 +2834,7 @@ border-color: transparent; color: #7fa366; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #d08770; @@ -2728,6 +2863,7 @@ border-color: transparent; color: #d08770; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9a6796; @@ -2756,6 +2892,7 @@ border-color: transparent; color: #9a6796; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #bf616a; @@ -2784,8 +2921,9 @@ border-color: transparent; color: #bf616a; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #81a1c1; @@ -2796,13 +2934,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #4c566a; border-color: #5e81ac; background: #ffffff; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; @@ -2828,6 +2966,7 @@ background: #d8dee9; color: #2e3440; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2921,9 +3060,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #81a1c1; @@ -2933,17 +3072,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #4c566a; border-color: #5e81ac; background: #ffffff; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; @@ -2973,12 +3112,12 @@ background: #5e81ac; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #ffffff; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #eceff4; } .p-datatable .p-datatable-loading-icon { @@ -3081,6 +3220,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3119,10 +3259,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3150,6 +3292,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3169,6 +3312,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; } + .p-column-filter-overlay { background: #ffffff; color: #4c566a; @@ -3206,6 +3350,7 @@ border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; @@ -3234,6 +3379,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3319,6 +3465,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: transparent; } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3327,6 +3474,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: transparent; color: #4c566a; @@ -3365,6 +3513,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; } + .p-paginator { background: #ffffff; color: #4c566a; @@ -3374,9 +3523,9 @@ border-radius: 4px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #4c566a; @@ -3387,9 +3536,9 @@ border-radius: 4px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #eceff4; border-color: #5e81ac; color: #4c566a; @@ -3446,6 +3595,7 @@ border-color: #5e81ac; color: #4c566a; } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3531,6 +3681,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: transparent; } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3539,6 +3690,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3550,19 +3702,20 @@ background-color: #e5e9f0; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #e5e9f0; background: #ffffff; @@ -3619,11 +3772,11 @@ color: #2e3440; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #2e3440; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #2e3440; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3696,6 +3849,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3835,7 +3989,7 @@ background: #5e81ac; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #ffffff; } .p-treetable .p-treetable-loading-icon { @@ -3896,6 +4050,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #ffffff; color: #4c566a; @@ -3920,6 +4075,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #e5e9f0; @@ -3992,6 +4148,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-card { background: #ffffff; color: #4c566a; @@ -4017,6 +4174,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4040,6 +4198,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #e5e9f0; background: #ffffff; @@ -4080,6 +4239,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid #e5e9f0; padding: 1rem; @@ -4146,6 +4306,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #eceff4; border: 0 none; @@ -4156,6 +4317,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; } + .p-splitter { border: 1px solid #e5e9f0; background: #ffffff; @@ -4177,164 +4339,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #c2c7d1; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c0d0e0; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: none; - border-radius: 4px; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #4c566a; - border: 1px solid #ffffff; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #81a1c1; - font-weight: 600; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c0d0e0; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #d8dee9; - color: #2e3440; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #4c566a; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c0d0e0; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #5e81ac; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 1rem; - color: #4c566a; - } - .p-stepper .p-stepper-separator { - background-color: #e5e9f0; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: none; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #4c566a; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #5e81ac; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4403,6 +4408,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-toolbar { background: #ffffff; border: 1px solid #e5e9f0; @@ -4413,6 +4419,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #4c566a; @@ -4460,6 +4467,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 4px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4532,6 +4540,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #4c566a; @@ -4573,6 +4582,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: #4c566a; @@ -4583,7 +4593,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #81a1c1; @@ -4593,13 +4603,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #4c566a; border-color: #5e81ac; background: #ffffff; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; @@ -4613,6 +4623,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #4c566a; color: #ffffff; @@ -4632,6 +4643,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4c566a; } + .p-fileupload .p-fileupload-buttonbar { background: #ffffff; padding: 1rem; @@ -4671,6 +4683,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #81a1c1; color: #ffffff; @@ -4681,6 +4694,7 @@ color: #ffffff; border-color: #48678c; } + .p-breadcrumb { background: #ffffff; border: 1px solid #e5e9f0; @@ -4712,6 +4726,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #81a1c1; } + .p-contextmenu { padding: 0.25rem 0; background: #ffffff; @@ -4759,7 +4774,7 @@ color: #4c566a; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #81a1c1; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4773,7 +4788,7 @@ color: #4c566a; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4c566a; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4784,7 +4799,7 @@ color: #4c566a; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #81a1c1; } .p-contextmenu .p-menuitem-separator { @@ -4798,6 +4813,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4821,31 +4837,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4904,7 +4921,7 @@ color: #4c566a; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #81a1c1; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4918,7 +4935,7 @@ color: #4c566a; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4c566a; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4929,7 +4946,7 @@ color: #4c566a; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #81a1c1; } .p-megamenu .p-megamenu-panel { @@ -4987,9 +5004,10 @@ color: #4c566a; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #81a1c1; } + .p-menu { padding: 0.25rem 0; background: #ffffff; @@ -5026,7 +5044,7 @@ color: #4c566a; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #81a1c1; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5040,7 +5058,7 @@ color: #4c566a; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4c566a; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5051,7 +5069,7 @@ color: #4c566a; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #81a1c1; } .p-menu.p-menu-overlay { @@ -5085,6 +5103,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #eceff4; @@ -5123,7 +5142,7 @@ color: #4c566a; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #81a1c1; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5154,7 +5173,7 @@ color: #4c566a; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #81a1c1; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5168,7 +5187,7 @@ color: #4c566a; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4c566a; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5179,7 +5198,7 @@ color: #4c566a; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #81a1c1; } .p-menubar .p-submenu-list { @@ -5196,6 +5215,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5370,7 +5390,7 @@ color: #4c566a; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #81a1c1; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5384,7 +5404,7 @@ color: #4c566a; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4c566a; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5395,7 +5415,7 @@ color: #4c566a; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #81a1c1; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5435,6 +5455,7 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .p-slidemenu { padding: 0.25rem 0; background: #ffffff; @@ -5477,7 +5498,7 @@ color: #4c566a; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #81a1c1; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5491,7 +5512,7 @@ color: #4c566a; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4c566a; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5502,7 +5523,7 @@ color: #4c566a; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #81a1c1; } .p-slidemenu.p-slidemenu-overlay { @@ -5549,6 +5570,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5593,6 +5615,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 2px solid #e5e9f0; @@ -5663,6 +5686,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #c0d0e0; } + .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; @@ -5713,7 +5737,7 @@ color: #4c566a; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #81a1c1; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5727,7 +5751,7 @@ color: #4c566a; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4c566a; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5738,7 +5762,7 @@ color: #4c566a; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #81a1c1; } .p-tieredmenu .p-menuitem-separator { @@ -5752,6 +5776,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5807,6 +5832,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 4px; @@ -5895,6 +5921,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5945,7 +5972,7 @@ color: #2e4f5d; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #17282e; } .p-toast .p-toast-message.p-toast-message-success { @@ -5955,7 +5982,7 @@ color: #202919; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #202919; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5965,7 +5992,7 @@ color: #3c1d14; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #3c1d14; } .p-toast .p-toast-message.p-toast-message-error { @@ -5975,9 +6002,10 @@ color: #331518; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #331518; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -6008,7 +6036,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6065,7 +6093,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #eceff4; @@ -6075,7 +6103,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #eceff4; } @@ -6084,23 +6112,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6124,6 +6158,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #e5e9f0; border-radius: 4px; @@ -6144,9 +6179,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #5e81ac; color: #ffffff; @@ -6188,6 +6225,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #e5e9f0; color: #4c566a; @@ -6223,6 +6261,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 4px; @@ -6237,15 +6276,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6253,19 +6296,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6325,6 +6373,7 @@ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6340,6 +6389,7 @@ color: #ffffff; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6361,6 +6411,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #e5e9f0; border-radius: 4px; @@ -6368,6 +6419,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #5e81ac; color: #ffffff; @@ -6400,6 +6452,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #4c566a; @@ -6420,48 +6473,59 @@ .p-inputtext:enabled:focus { background-color: #ffffff; } + .p-chips .p-chips-multiple-container:not(.p-disabled):hover { background-color: #eceff4; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { background-color: #ffffff; } + .p-autocomplete .p-autocomplete-panel .p-autocomplete-item:not(.p-disabled):hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover { background-color: #eceff4; } + .p-dropdown:not(.p-disabled):hover { background-color: #eceff4; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-disabled):hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } + .p-multiselect:not(.p-disabled):hover { background-color: #eceff4; } + .p-button { font-weight: 500; } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { background-color: #d8dee9; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { border-color: transparent; } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #d8dee9; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { border-color: transparent; } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover:not(.p-disabled) .p-accordion-header-link:focus { box-shadow: inset 0 0 0 0.1rem #81a1c1; } @@ -6471,6 +6535,7 @@ .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { box-shadow: inset 0 0 0 0.1rem #81a1c1; } + .p-datepicker table td > span.p-highlight { color: #ffffff; background: #5e81ac; @@ -6483,33 +6548,40 @@ color: #ffffff; background: #5e81ac; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } + .p-menubar .p-menuitem-link:not(.p-disabled):hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } + .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } + .p-menu .p-menuitem-link:not(.p-disabled):hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } + .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { border: 1px solid #5e81ac; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { border: 1px solid #5e81ac; } + .p-datatable .p-sortable-column:not(.p-highlight):hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } @@ -6522,18 +6594,22 @@ .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { outline: 1px solid #81a1c1; } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #81a1c1; color: #ffffff; border: 2px solid #51749e; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #ffffff; box-shadow: inset 0 0 0 0.1rem #81a1c1; } + .p-treetable .p-sortable-column:not(.p-highlight):hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } @@ -6551,12 +6627,14 @@ .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { outline: 1px solid #81a1c1; } + .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } @@ -6566,17 +6644,21 @@ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } + .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { box-shadow: inset 0 0 0 0.1rem #81a1c1; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #5e81ac; color: #ffffff; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #5e81ac; color: #ffffff; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #5e81ac; } diff --git a/src/assets/components/themes/nano/theme.css b/src/assets/components/themes/nano/theme.css index 54251c5941c..5409b6ba4d0 100644 --- a/src/assets/components/themes/nano/theme.css +++ b/src/assets/components/themes/nano/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.6; } + .p-error { color: #d8222f; } + .p-text-secondary { color: #697077; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.25rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #d8222f; } + .p-autocomplete-panel { background: #ffffff; color: #343a3f; @@ -427,9 +440,11 @@ color: #343a3f; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #d8222f; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.5rem; } @@ -437,19 +452,23 @@ color: #697077; right: 0.25rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #697077; right: 2.607rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #d8222f; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; border-color: #1174c0; } + .p-datepicker { padding: 0.25rem; background: #ffffff; @@ -476,7 +495,7 @@ border-top-left-radius: 1px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 1rem; height: 1rem; color: #878d96; @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #343a3f; border-color: #121619; background: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -501,14 +520,14 @@ line-height: 1rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #343a3f; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #1174c0; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.5rem; } @@ -664,10 +684,12 @@ color: #697077; right: 0.25rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #697077; right: 2.607rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #d8222f; } + .p-cascadeselect-panel { background: #ffffff; color: #343a3f; @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f2f4f8; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #d8222f; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.25rem; } @@ -768,6 +794,7 @@ color: #697077; right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 14px; height: 14px; @@ -816,9 +844,11 @@ background: #0e5d9a; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #d8222f; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f2f4f8; } @@ -831,12 +861,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #0e5d9a; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #d8222f; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #1174c0; } @@ -875,9 +908,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #d8222f; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.25rem; } @@ -885,22 +920,26 @@ color: #697077; right: 0.25rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #ffffff; border: 1px solid #a5acb3; @@ -944,6 +983,7 @@ .p-dropdown.p-invalid.p-component { border-color: #d8222f; } + .p-dropdown-panel { background: #ffffff; color: #343a3f; @@ -1007,6 +1047,7 @@ color: #343a3f; background: transparent; } + .p-input-filled .p-dropdown { background: #f2f4f8; } @@ -1019,14 +1060,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #d8222f; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #dde1e6; color: #697077; @@ -1039,68 +1083,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #a5acb3; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 1px; border-bottom-left-radius: 1px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 1px; border-bottom-left-radius: 1px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 1px; border-bottom-right-radius: 1px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 1px; border-bottom-right-radius: 1px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.25rem; color: #697077; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.25rem; color: #697077; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #d8222f; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.5rem; } @@ -1108,9 +1162,11 @@ color: #697077; right: 0.25rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #d8222f; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 1.5rem; } @@ -1118,21 +1174,25 @@ color: #697077; right: 0.25rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.607rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.607rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 1.5rem; } + .p-inputswitch { width: 2rem; height: 1.155rem; @@ -1171,9 +1231,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #0f68ad; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #d8222f; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1206,54 +1268,69 @@ font-size: 1.25rem; padding: 0.3125rem 0.3125rem; } + .p-float-label > label { left: 0.25rem; color: #697077; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #d8222f; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.25rem; color: #697077; } + .p-input-icon-left > .p-inputtext { padding-left: 1.5rem; } + .p-input-icon-left.p-float-label > label { left: 1.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.25rem; color: #697077; } + .p-input-icon-right > .p-inputtext { padding-right: 1.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 1.5rem; } + .p-icon-field-left.p-float-label > label { left: 1.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 1.5rem; } + ::-webkit-input-placeholder { color: #697077; } + :-moz-placeholder { color: #697077; } + ::-moz-placeholder { color: #697077; } + :-ms-input-placeholder { color: #697077; } + .p-input-filled .p-inputtext { background-color: #f2f4f8; } @@ -1263,14 +1340,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.21875rem 0.21875rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.3125rem 0.3125rem; } + .p-listbox { background: #ffffff; color: #343a3f; @@ -1345,9 +1425,11 @@ box-shadow: 0 0 0 0.2rem #90c9f5; border-color: #1174c0; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #d8222f; } + .p-multiselect { background: #ffffff; border: 1px solid #a5acb3; @@ -1387,9 +1469,11 @@ border-top-right-radius: 1px; border-bottom-right-radius: 1px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.125rem 0.25rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.25rem; } @@ -1397,6 +1481,7 @@ color: #697077; right: 2.357rem; } + .p-multiselect-panel { background: #ffffff; color: #343a3f; @@ -1485,6 +1570,7 @@ color: #343a3f; background: transparent; } + .p-input-filled .p-multiselect { background: #f2f4f8; } @@ -1494,12 +1580,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #d8222f; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #d8222f; } + .p-password-panel { padding: 0.5rem; background: #ffffff; @@ -1521,6 +1610,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #207f3b; } + p-password.p-password-clearable .p-password-input { padding-right: 1.5rem; } @@ -1528,6 +1618,7 @@ color: #697077; right: 0.25rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 2.75rem; } @@ -1535,6 +1626,7 @@ color: #697077; right: 1.5rem; } + .p-radiobutton { width: 14px; height: 14px; @@ -1572,9 +1664,11 @@ background: #0e5d9a; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #d8222f; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f2f4f8; } @@ -1587,9 +1681,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #0e5d9a; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1620,6 +1716,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #c0392b; } + .p-selectbutton .p-button { background: #ffffff; border: 1px solid #a5acb3; @@ -1627,7 +1724,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #697077; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1636,7 +1733,7 @@ color: #343a3f; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #697077; } .p-selectbutton .p-button.p-highlight { @@ -1645,7 +1742,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1654,12 +1751,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #d8222f; } + .p-slider { background: #dee2e6; border: 0 none; @@ -1711,6 +1810,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #ffffff; border: 1px solid #a5acb3; @@ -1718,7 +1818,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #697077; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1727,7 +1827,7 @@ color: #343a3f; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #697077; } .p-togglebutton.p-button.p-highlight { @@ -1736,7 +1836,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1745,12 +1845,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #d8222f; } + .p-treeselect { background: #ffffff; border: 1px solid #a5acb3; @@ -1787,12 +1889,15 @@ border-top-right-radius: 1px; border-bottom-right-radius: 1px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #d8222f; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.125rem 0.25rem; } + .p-treeselect-panel { background: #ffffff; color: #343a3f; @@ -1852,6 +1957,7 @@ color: #343a3f; background: transparent; } + .p-input-filled .p-treeselect { background: #f2f4f8; } @@ -1861,6 +1967,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.25rem; } @@ -1868,6 +1975,7 @@ color: #697077; right: 2.357rem; } + .p-button { color: #ffffff; background: #1174c0; @@ -1979,7 +2087,7 @@ padding: 0.25rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2006,6 +2114,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2018,414 +2127,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #697077; border: 1px solid #697077; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #5f656b; color: #ffffff; border-color: #5f656b; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #c2c6c9; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #545a5f; color: #ffffff; border-color: #545a5f; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #697077; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(105, 112, 119, 0.04); color: #697077; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(105, 112, 119, 0.16); color: #697077; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #697077; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(105, 112, 119, 0.04); border-color: transparent; color: #697077; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(105, 112, 119, 0.16); border-color: transparent; color: #697077; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #107d79; border: 1px solid #107d79; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #0e716d; color: #ffffff; border-color: #0e716d; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #7ceeea; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #0d6461; color: #ffffff; border-color: #0d6461; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #107d79; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(16, 125, 121, 0.04); color: #107d79; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(16, 125, 121, 0.16); color: #107d79; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #107d79; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(16, 125, 121, 0.04); border-color: transparent; color: #107d79; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(16, 125, 121, 0.16); border-color: transparent; color: #107d79; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #207f3b; border: 1px solid #207f3b; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #1d7235; color: #ffffff; border-color: #1d7235; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #8fe3a7; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #1a662f; color: #ffffff; border-color: #1a662f; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #207f3b; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(32, 127, 59, 0.04); color: #207f3b; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(32, 127, 59, 0.16); color: #207f3b; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #207f3b; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(32, 127, 59, 0.04); border-color: transparent; color: #207f3b; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(32, 127, 59, 0.16); border-color: transparent; color: #207f3b; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #f0c135; border: 1px solid #f0c135; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #eeb91a; color: #212529; border-color: #eeb91a; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #f9e6ae; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #daa710; color: #212529; border-color: #daa710; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #f0c135; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(240, 193, 53, 0.04); color: #f0c135; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(240, 193, 53, 0.16); color: #f0c135; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #f0c135; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(240, 193, 53, 0.04); border-color: transparent; color: #f0c135; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(240, 193, 53, 0.16); border-color: transparent; color: #f0c135; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #8949f8; border: 1px solid #8949f8; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #752af7; color: #ffffff; border-color: #752af7; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #d0b6fc; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #610bf6; color: #ffffff; border-color: #610bf6; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #8949f8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(137, 73, 248, 0.04); color: #8949f8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(137, 73, 248, 0.16); color: #8949f8; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #8949f8; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(137, 73, 248, 0.04); border-color: transparent; color: #8949f8; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(137, 73, 248, 0.16); border-color: transparent; color: #8949f8; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #d8222f; border: 1px solid #d8222f; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c21f2a; color: #ffffff; border-color: #c21f2a; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #f1a5ab; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ad1b26; color: #ffffff; border-color: #ad1b26; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #d8222f; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(216, 34, 47, 0.04); color: #d8222f; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(216, 34, 47, 0.16); color: #d8222f; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #d8222f; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(216, 34, 47, 0.04); border-color: transparent; color: #d8222f; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(216, 34, 47, 0.16); border-color: transparent; color: #d8222f; } + .p-button.p-button-link { color: #0e5d9a; background: transparent; @@ -2449,6 +2565,7 @@ color: #0e5d9a; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 2.75rem; height: 2.75rem; @@ -2460,14 +2577,17 @@ width: 1rem; height: 1rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } + .p-speeddial-action { width: 2.25rem; height: 2.25rem; @@ -2478,45 +2598,52 @@ background: #21272a; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 1px; } @@ -2594,6 +2721,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #697077; @@ -2622,6 +2750,7 @@ border-color: transparent; color: #697077; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #107d79; @@ -2650,6 +2779,7 @@ border-color: transparent; color: #107d79; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #207f3b; @@ -2678,6 +2808,7 @@ border-color: transparent; color: #207f3b; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #f0c135; @@ -2706,6 +2837,7 @@ border-color: transparent; color: #f0c135; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #8949f8; @@ -2734,6 +2866,7 @@ border-color: transparent; color: #8949f8; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d8222f; @@ -2762,8 +2895,9 @@ border-color: transparent; color: #d8222f; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 1rem; height: 1rem; color: #878d96; @@ -2774,13 +2908,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #343a3f; border-color: #121619; background: transparent; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -2806,6 +2940,7 @@ background: #44a1d9; color: #ffffff; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2899,9 +3034,9 @@ padding: 0.25rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 1rem; height: 1rem; color: #878d96; @@ -2911,17 +3046,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #343a3f; border-color: #121619; background: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -2951,12 +3086,12 @@ background: #1174c0; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #f2f4f8; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f2f4f8; } .p-datatable .p-datatable-loading-icon { @@ -3059,6 +3194,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.3125rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3097,10 +3233,12 @@ .p-dataview .p-dataview-emptymessage { padding: 0.5rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 1rem; height: 1rem; @@ -3128,6 +3266,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } + .p-column-filter-clear-button { width: 1rem; height: 1rem; @@ -3147,6 +3286,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } + .p-column-filter-overlay { background: #ffffff; color: #343a3f; @@ -3184,6 +3324,7 @@ border-top: 1px solid #dee2e6; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.25rem 0.5rem; border-bottom: 0 none; @@ -3212,6 +3353,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.5rem; } + .p-orderlist .p-orderlist-controls { padding: 0.5rem; } @@ -3297,6 +3439,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #dde1e6; } + .p-orderlist-item.cdk-drag-preview { padding: 0.25rem 0.5rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3305,6 +3448,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #dde1e6; color: #343a3f; @@ -3343,6 +3487,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } + .p-paginator { background: #ffffff; color: #697077; @@ -3352,9 +3497,9 @@ border-radius: 1px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #697077; @@ -3365,9 +3510,9 @@ border-radius: 1px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #dde1e6; border-color: transparent; color: #343a3f; @@ -3424,6 +3569,7 @@ border-color: transparent; color: #343a3f; } + .p-picklist .p-picklist-buttons { padding: 0.5rem; } @@ -3509,6 +3655,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #dde1e6; } + .p-picklist-item.cdk-drag-preview { padding: 0.25rem 0.5rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3517,6 +3664,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3528,19 +3676,20 @@ background-color: #dee2e6; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #dee2e6; background: #ffffff; @@ -3597,11 +3746,11 @@ color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3674,6 +3823,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3813,7 +3963,7 @@ background: #1174c0; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #f2f4f8; } .p-treetable .p-treetable-loading-icon { @@ -3874,6 +4024,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.3125rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #f2f4f8; color: #343a3f; @@ -3898,6 +4049,7 @@ border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 0.75rem; border: 1px solid #dee2e6; @@ -3970,6 +4122,7 @@ border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; } + .p-card { background: #ffffff; color: #343a3f; @@ -3995,6 +4148,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4018,6 +4172,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; @@ -4058,6 +4213,7 @@ .p-fieldset .p-fieldset-content { padding: 0.5rem; } + .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 0.75rem; @@ -4124,6 +4280,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #f2f4f8; border: 0 none; @@ -4134,6 +4291,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } + .p-splitter { border: 1px solid #dee2e6; background: #ffffff; @@ -4155,164 +4313,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #90c9f5; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 1px; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #343a3f; - border: 1px solid #dde1e6; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #697077; - font-weight: 600; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #90c9f5; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #44a1d9; - color: #ffffff; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #343a3f; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #90c9f5; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #1174c0; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 0.5rem; - color: #343a3f; - } - .p-stepper .p-stepper-separator { - background-color: #dee2e6; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #343a3f; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #1174c0; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4381,6 +4382,7 @@ border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; } + .p-toolbar { background: #f2f4f8; border: 1px solid #dee2e6; @@ -4391,6 +4393,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #343a3f; @@ -4438,6 +4441,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 1px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4510,6 +4514,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #343a3f; @@ -4551,6 +4556,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: #343a3f; @@ -4561,7 +4567,7 @@ padding: 0.75rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 1rem; height: 1rem; color: #878d96; @@ -4571,13 +4577,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #343a3f; border-color: #121619; background: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -4591,6 +4597,7 @@ .p-sidebar .p-sidebar-footer { padding: 0.75rem; } + .p-tooltip .p-tooltip-text { background: #343a3f; color: #ffffff; @@ -4610,6 +4617,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #343a3f; } + .p-fileupload .p-fileupload-buttonbar { background: #f2f4f8; padding: 0.75rem; @@ -4649,6 +4657,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #0f68ad; color: #ffffff; @@ -4659,6 +4668,7 @@ color: #ffffff; border-color: #0e5d9a; } + .p-breadcrumb { background: #ffffff; border: 1px solid #dee2e6; @@ -4690,6 +4700,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #697077; } + .p-contextmenu { padding: 0.25rem 0; background: #ffffff; @@ -4737,7 +4748,7 @@ color: #343a3f; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4751,7 +4762,7 @@ color: #343a3f; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #343a3f; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4762,7 +4773,7 @@ color: #343a3f; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } .p-contextmenu .p-menuitem-separator { @@ -4776,6 +4787,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4799,31 +4811,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4882,7 +4895,7 @@ color: #343a3f; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4896,7 +4909,7 @@ color: #343a3f; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #343a3f; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4907,7 +4920,7 @@ color: #343a3f; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } .p-megamenu .p-megamenu-panel { @@ -4965,9 +4978,10 @@ color: #343a3f; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } + .p-menu { padding: 0.25rem 0; background: #ffffff; @@ -5004,7 +5018,7 @@ color: #343a3f; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5018,7 +5032,7 @@ color: #343a3f; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #343a3f; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5029,7 +5043,7 @@ color: #343a3f; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } .p-menu.p-menu-overlay { @@ -5063,6 +5077,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #f2f4f8; @@ -5101,7 +5116,7 @@ color: #343a3f; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5132,7 +5147,7 @@ color: #343a3f; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5146,7 +5161,7 @@ color: #343a3f; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #343a3f; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5157,7 +5172,7 @@ color: #343a3f; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } .p-menubar .p-submenu-list { @@ -5174,6 +5189,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5348,7 +5364,7 @@ color: #343a3f; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5362,7 +5378,7 @@ color: #343a3f; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #343a3f; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5373,7 +5389,7 @@ color: #343a3f; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5413,6 +5429,7 @@ border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; } + .p-slidemenu { padding: 0.25rem 0; background: #ffffff; @@ -5455,7 +5472,7 @@ color: #343a3f; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5469,7 +5486,7 @@ color: #343a3f; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #343a3f; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5480,7 +5497,7 @@ color: #343a3f; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } .p-slidemenu.p-slidemenu-overlay { @@ -5527,6 +5544,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5571,6 +5589,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dee2e6; @@ -5641,6 +5660,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #90c9f5; } + .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; @@ -5691,7 +5711,7 @@ color: #343a3f; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5705,7 +5725,7 @@ color: #343a3f; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #343a3f; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5716,7 +5736,7 @@ color: #343a3f; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } .p-tieredmenu .p-menuitem-separator { @@ -5730,6 +5750,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.25rem 0.25rem; margin: 0; @@ -5785,6 +5806,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 1px; @@ -5873,6 +5895,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5923,7 +5946,7 @@ color: #08576a; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #08576a; } .p-toast .p-toast-message.p-toast-message-success { @@ -5933,7 +5956,7 @@ color: #196310; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #196310; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5943,7 +5966,7 @@ color: #726203; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #726203; } .p-toast .p-toast-message.p-toast-message-error { @@ -5953,9 +5976,10 @@ color: #6f2205; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #6f2205; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5986,7 +6010,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6043,7 +6067,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f2f4f8; @@ -6053,7 +6077,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f2f4f8; } @@ -6062,23 +6086,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6102,6 +6132,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #dee2e6; border-radius: 1px; @@ -6122,9 +6153,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #1174c0; color: #ffffff; @@ -6166,6 +6199,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #dee2e6; color: #343a3f; @@ -6201,6 +6235,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.25rem 0.25rem; border-radius: 1px; @@ -6215,15 +6250,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6231,19 +6270,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6303,6 +6347,7 @@ border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6318,6 +6363,7 @@ color: #ffffff; line-height: 1.5rem; } + .p-scrolltop { width: 2rem; height: 2rem; @@ -6339,6 +6385,7 @@ width: 1rem; height: 1rem; } + .p-skeleton { background-color: #dde1e6; border-radius: 1px; @@ -6346,6 +6393,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #1174c0; color: #ffffff; @@ -6378,6 +6426,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #343a3f; diff --git a/src/assets/components/themes/nova-accent/theme.css b/src/assets/components/themes/nova-accent/theme.css index 5d97f1e9df1..b931efbcdad 100644 --- a/src/assets/components/themes/nova-accent/theme.css +++ b/src/assets/components/themes/nova-accent/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.5; } + .p-error { color: #a80000; } + .p-text-secondary { color: #848484; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.429rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #a80000; } + .p-autocomplete-panel { background: #ffffff; color: #333333; @@ -427,9 +440,11 @@ color: #333333; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #a80000; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -437,19 +452,23 @@ color: #848484; right: 0.429rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #848484; right: 2.786rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #a80000; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } + .p-datepicker { padding: 0.857rem; background: #ffffff; @@ -476,7 +495,7 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #a6a6a6; @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #007ad9; border-color: transparent; background: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #333333; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 700; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #007ad9; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.858rem; } @@ -664,10 +684,12 @@ color: #848484; right: 0.429rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #848484; right: 2.786rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0.25rem; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #a80000; } + .p-cascadeselect-panel { background: #ffffff; color: #333333; @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f4f4f4; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #f4f4f4; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #a80000; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.429rem; } @@ -768,6 +794,7 @@ color: #848484; right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #005b9f; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #a80000; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f4f4f4; } @@ -831,12 +861,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #005b9f; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #a80000; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #212121; } @@ -875,9 +908,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #a80000; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.429rem; } @@ -885,22 +920,26 @@ color: #848484; right: 0.429rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } + .p-dropdown { background: #ffffff; border: 1px solid #a6a6a6; @@ -944,6 +983,7 @@ .p-dropdown.p-invalid.p-component { border-color: #a80000; } + .p-dropdown-panel { background: #ffffff; color: #333333; @@ -1007,6 +1047,7 @@ color: #333333; background: transparent; } + .p-input-filled .p-dropdown { background: #f4f4f4; } @@ -1019,14 +1060,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #a80000; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #eaeaea; color: #848484; @@ -1039,68 +1083,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #a6a6a6; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.429rem; color: #848484; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.429rem; color: #848484; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #a80000; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.858rem; } @@ -1108,9 +1162,11 @@ color: #848484; right: 0.429rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #a80000; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 1.858rem; } @@ -1118,21 +1174,25 @@ color: #848484; right: 0.429rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.786rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.786rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 1.858rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1171,9 +1231,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #116fbf; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #a80000; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1206,54 +1268,69 @@ font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } + .p-float-label > label { left: 0.429rem; color: #666666; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #a80000; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.429rem; color: #848484; } + .p-input-icon-left > .p-inputtext { padding-left: 1.858rem; } + .p-input-icon-left.p-float-label > label { left: 1.858rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.429rem; color: #848484; } + .p-input-icon-right > .p-inputtext { padding-right: 1.858rem; } + .p-icon-field-left > .p-inputtext { padding-left: 1.858rem; } + .p-icon-field-left.p-float-label > label { left: 1.858rem; } + .p-icon-field-right > .p-inputtext { padding-right: 1.858rem; } + ::-webkit-input-placeholder { color: #666666; } + :-moz-placeholder { color: #666666; } + ::-moz-placeholder { color: #666666; } + :-ms-input-placeholder { color: #666666; } + .p-input-filled .p-inputtext { background-color: #f4f4f4; } @@ -1263,14 +1340,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #f4f4f4; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.375375rem 0.375375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } + .p-listbox { background: #ffffff; color: #333333; @@ -1345,9 +1425,11 @@ box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #a80000; } + .p-multiselect { background: #ffffff; border: 1px solid #a6a6a6; @@ -1387,9 +1469,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.2145rem 0.429rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.429rem; } @@ -1397,6 +1481,7 @@ color: #848484; right: 2.357rem; } + .p-multiselect-panel { background: #ffffff; color: #333333; @@ -1485,6 +1570,7 @@ color: #333333; background: transparent; } + .p-input-filled .p-multiselect { background: #f4f4f4; } @@ -1494,12 +1580,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #f4f4f4; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #a80000; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #a80000; } + .p-password-panel { padding: 0.571rem 1rem; background: #ffffff; @@ -1521,6 +1610,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #34a835; } + p-password.p-password-clearable .p-password-input { padding-right: 1.858rem; } @@ -1528,6 +1618,7 @@ color: #848484; right: 0.429rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.287rem; } @@ -1535,6 +1626,7 @@ color: #848484; right: 1.858rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1572,9 +1664,11 @@ background: #005b9f; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #a80000; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f4f4f4; } @@ -1587,9 +1681,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #005b9f; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1620,6 +1716,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; } + .p-selectbutton .p-button { background: #dadada; border: 1px solid #dadada; @@ -1627,7 +1724,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #666666; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1636,7 +1733,7 @@ color: #333333; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #212121; } .p-selectbutton .p-button.p-highlight { @@ -1645,7 +1742,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1654,12 +1751,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #a80000; } + .p-slider { background: #c8c8c8; border: 0 none; @@ -1711,6 +1810,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #dadada; border: 1px solid #dadada; @@ -1718,7 +1818,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #666666; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1727,7 +1827,7 @@ color: #333333; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #212121; } .p-togglebutton.p-button.p-highlight { @@ -1736,7 +1836,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1745,12 +1845,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #a80000; } + .p-treeselect { background: #ffffff; border: 1px solid #a6a6a6; @@ -1787,12 +1889,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #a80000; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.2145rem 0.429rem; } + .p-treeselect-panel { background: #ffffff; color: #333333; @@ -1852,6 +1957,7 @@ color: #333333; background: transparent; } + .p-input-filled .p-treeselect { background: #f4f4f4; } @@ -1861,6 +1967,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #f4f4f4; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.429rem; } @@ -1868,6 +1975,7 @@ color: #848484; right: 2.357rem; } + .p-button { color: #ffffff; background: #007ad9; @@ -1979,7 +2087,7 @@ padding: 0.429rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2006,6 +2114,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2018,414 +2127,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #607d8b; border: 1px solid #607d8b; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #546e7a; color: #ffffff; border-color: #546e7a; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #b0bec5; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #455a64; color: #ffffff; border-color: #455a64; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #607d8b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); color: #607d8b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); color: #607d8b; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #607d8b; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; color: #607d8b; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; color: #607d8b; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #007ad9; border: 1px solid #007ad9; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #8dcdff; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #005b9f; color: #ffffff; border-color: #005b9f; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #007ad9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #007ad9; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); border-color: transparent; color: #007ad9; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(0, 122, 217, 0.16); border-color: transparent; color: #007ad9; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #34a835; border: 1px solid #34a835; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #107d11; color: #ffffff; border-color: #107d11; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #aae5aa; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #0c6b0d; color: #ffffff; border-color: #0c6b0d; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #34a835; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); color: #34a835; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(52, 168, 53, 0.16); color: #34a835; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #34a835; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); border-color: transparent; color: #34a835; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(52, 168, 53, 0.16); border-color: transparent; color: #34a835; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #333333; background: #ffba01; border: 1px solid #ffba01; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ed990b; color: #333333; border-color: #ed990b; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ffeab4; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #d38b10; color: #333333; border-color: #d38b10; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffba01; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); color: #ffba01; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 186, 1, 0.16); color: #ffba01; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffba01; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); border-color: transparent; color: #ffba01; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 186, 1, 0.16); border-color: transparent; color: #ffba01; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #9c27b0; border: 1px solid #9c27b0; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #8e24aa; color: #ffffff; border-color: #8e24aa; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ce93d8; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7b1fa2; color: #ffffff; border-color: #7b1fa2; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9c27b0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9c27b0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); color: #9c27b0; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #9c27b0; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9c27b0; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9c27b0; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #e91224; border: 1px solid #e91224; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c01120; color: #ffffff; border-color: #c01120; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #f9b4ba; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #a90000; color: #ffffff; border-color: #a90000; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #e91224; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); color: #e91224; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(233, 18, 36, 0.16); color: #e91224; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #e91224; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); border-color: transparent; color: #e91224; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(233, 18, 36, 0.16); border-color: transparent; color: #e91224; } + .p-button.p-button-link { color: #005b9f; background: transparent; @@ -2449,6 +2565,7 @@ color: #005b9f; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2460,14 +2577,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2478,45 +2598,52 @@ background: #222c31; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2594,6 +2721,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #607d8b; @@ -2622,6 +2750,7 @@ border-color: transparent; color: #607d8b; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #007ad9; @@ -2650,6 +2779,7 @@ border-color: transparent; color: #007ad9; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #34a835; @@ -2678,6 +2808,7 @@ border-color: transparent; color: #34a835; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffba01; @@ -2706,6 +2837,7 @@ border-color: transparent; color: #ffba01; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2734,6 +2866,7 @@ border-color: transparent; color: #9c27b0; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #e91224; @@ -2762,8 +2895,9 @@ border-color: transparent; color: #e91224; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #a6a6a6; @@ -2774,13 +2908,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #007ad9; border-color: transparent; background: transparent; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -2806,6 +2940,7 @@ background: #e02365; color: #ffffff; } + .p-datatable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -2899,9 +3034,9 @@ padding: 0.571rem 0.857rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #a6a6a6; @@ -2911,17 +3046,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #007ad9; border-color: transparent; background: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -2951,12 +3086,12 @@ background: #007ad9; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #007ad9; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f4f4f4; } .p-datatable .p-datatable-loading-icon { @@ -3059,6 +3194,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.71375rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3097,10 +3233,12 @@ .p-dataview .p-dataview-emptymessage { padding: 0.571rem 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3128,6 +3266,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3147,6 +3286,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-column-filter-overlay { background: #ffffff; color: #333333; @@ -3184,6 +3324,7 @@ border-top: 1px solid #d8dae2; margin: 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.429rem 0.857rem; border-bottom: 1px solid #eaeaea; @@ -3212,6 +3353,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.571rem 1rem; } + .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3297,6 +3439,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #eaeaea; } + .p-orderlist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); @@ -3305,6 +3448,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #eaeaea; color: #333333; @@ -3343,6 +3487,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-paginator { background: #f4f4f4; color: #333333; @@ -3352,9 +3497,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #848484; @@ -3365,9 +3510,9 @@ border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e0e0e0; border-color: transparent; color: #333333; @@ -3424,6 +3569,7 @@ border-color: transparent; color: #333333; } + .p-picklist .p-picklist-buttons { padding: 0.571rem 1rem; } @@ -3509,6 +3655,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #eaeaea; } + .p-picklist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); @@ -3517,6 +3664,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3528,19 +3676,20 @@ background-color: #c8c8c8; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #c8c8c8; background: #ffffff; @@ -3597,11 +3746,11 @@ color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3674,6 +3823,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-treetable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3813,7 +3963,7 @@ background: #007ad9; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #007ad9; } .p-treetable .p-treetable-loading-icon { @@ -3874,6 +4024,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.71375rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #007ad9; color: #ffffff; @@ -3898,6 +4049,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 0.857rem 1rem; border: 1px solid #007ad9; @@ -3946,6 +4098,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 2px; } + .p-card { background: #ffffff; color: #333333; @@ -3971,6 +4124,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -3994,6 +4148,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #c8c8c8; background: #ffffff; @@ -4034,6 +4189,7 @@ .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; } + .p-panel .p-panel-header { border: 1px solid #007ad9; padding: 0.857rem 1rem; @@ -4100,6 +4256,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #f8f8f8; border: 0 none; @@ -4110,6 +4267,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-splitter { border: 1px solid #c8c8c8; background: #ffffff; @@ -4131,164 +4289,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #d8dae2; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: background-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #333333; - border: 1px solid #dee2e6; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #848484; - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #e02365; - color: #ffffff; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #333333; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #007ad9; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 0.571rem 1rem; - color: #333333; - } - .p-stepper .p-stepper-separator { - background-color: #c8c8c8; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: background-color 0.2s, box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #333333; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #007ad9; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4357,6 +4358,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #007ad9; border: 1px solid #007ad9; @@ -4367,6 +4369,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #333333; @@ -4414,6 +4417,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); @@ -4486,6 +4490,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #333333; @@ -4527,6 +4532,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #c8c8c8; } + .p-sidebar { background: #ffffff; color: #333333; @@ -4537,7 +4543,7 @@ padding: 0.857rem 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #a6a6a6; @@ -4547,13 +4553,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #007ad9; border-color: transparent; background: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4567,6 +4573,7 @@ .p-sidebar .p-sidebar-footer { padding: 0.857rem 1rem; } + .p-tooltip .p-tooltip-text { background: #333333; color: #ffffff; @@ -4586,6 +4593,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #333333; } + .p-fileupload .p-fileupload-buttonbar { background: #007ad9; padding: 0.857rem 1rem; @@ -4625,6 +4633,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #116fbf; color: #ffffff; @@ -4635,6 +4644,7 @@ color: #ffffff; border-color: #005b9f; } + .p-breadcrumb { background: #ffffff; border: 1px solid #c8c8c8; @@ -4666,6 +4676,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #333333; } + .p-contextmenu { padding: 0; background: #ffffff; @@ -4713,7 +4724,7 @@ color: #333333; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4727,7 +4738,7 @@ color: #333333; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4738,7 +4749,7 @@ color: #333333; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem-separator { @@ -4752,6 +4763,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4775,31 +4787,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4858,7 +4871,7 @@ color: #333333; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4872,7 +4885,7 @@ color: #333333; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4883,7 +4896,7 @@ color: #333333; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-megamenu-panel { @@ -4941,9 +4954,10 @@ color: #333333; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } + .p-menu { padding: 0; background: #ffffff; @@ -4980,7 +4994,7 @@ color: #333333; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4994,7 +5008,7 @@ color: #333333; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5005,7 +5019,7 @@ color: #333333; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu.p-menu-overlay { @@ -5039,6 +5053,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #ffffff; @@ -5077,7 +5092,7 @@ color: #333333; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5108,7 +5123,7 @@ color: #333333; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5122,7 +5137,7 @@ color: #333333; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5133,7 +5148,7 @@ color: #333333; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-submenu-list { @@ -5150,6 +5165,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5324,7 +5340,7 @@ color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5338,7 +5354,7 @@ color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5349,7 +5365,7 @@ color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5365,6 +5381,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 2px; } + .p-slidemenu { padding: 0; background: #ffffff; @@ -5407,7 +5424,7 @@ color: #333333; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5421,7 +5438,7 @@ color: #333333; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5432,7 +5449,7 @@ color: #333333; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu.p-slidemenu-overlay { @@ -5479,6 +5496,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: background-color 0.2s, box-shadow 0.2s; @@ -5523,6 +5541,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 0 none; @@ -5593,6 +5612,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; } + .p-tieredmenu { padding: 0; background: #ffffff; @@ -5643,7 +5663,7 @@ color: #333333; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5657,7 +5677,7 @@ color: #333333; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5668,7 +5688,7 @@ color: #333333; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem-separator { @@ -5682,6 +5702,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem; margin: 0; @@ -5737,6 +5758,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5825,6 +5847,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5875,7 +5898,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-success { @@ -5885,7 +5908,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5895,7 +5918,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-error { @@ -5905,9 +5928,10 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #212121; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5938,7 +5962,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -5995,7 +6019,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #aeb6bf; @@ -6005,7 +6029,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #aeb6bf; } @@ -6014,23 +6038,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6054,6 +6084,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #c8c8c8; border-radius: 3px; @@ -6074,9 +6105,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #007ad9; color: #ffffff; @@ -6118,6 +6151,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #c8c8c8; color: #333333; @@ -6153,6 +6187,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.429rem 0.429rem; border-radius: 3px; @@ -6167,15 +6202,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6183,19 +6222,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6255,6 +6299,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 24px; @@ -6270,6 +6315,7 @@ color: #ffffff; line-height: 24px; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6291,6 +6337,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #eaeaea; border-radius: 3px; @@ -6298,6 +6345,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #007ad9; color: #ffffff; @@ -6330,6 +6378,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #333333; @@ -6349,6 +6398,7 @@ .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #5ab7ff; } + .p-dialog .p-dialog-header .p-dialog-header-icon { color: #ffffff; } diff --git a/src/assets/components/themes/nova-alt/theme.css b/src/assets/components/themes/nova-alt/theme.css index 940f12a3ac3..55e3ef8a2c5 100644 --- a/src/assets/components/themes/nova-alt/theme.css +++ b/src/assets/components/themes/nova-alt/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.5; } + .p-error { color: #a80000; } + .p-text-secondary { color: #848484; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.429rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #a80000; } + .p-autocomplete-panel { background: #ffffff; color: #333333; @@ -427,9 +440,11 @@ color: #333333; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #a80000; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -437,19 +452,23 @@ color: #848484; right: 0.429rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #848484; right: 2.786rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #a80000; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } + .p-datepicker { padding: 0.857rem; background: #ffffff; @@ -476,7 +495,7 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #a6a6a6; @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #007ad9; border-color: transparent; background: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #333333; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 700; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #007ad9; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.858rem; } @@ -664,10 +684,12 @@ color: #848484; right: 0.429rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #848484; right: 2.786rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0.25rem; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #a80000; } + .p-cascadeselect-panel { background: #ffffff; color: #333333; @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f4f4f4; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #f4f4f4; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #a80000; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.429rem; } @@ -768,6 +794,7 @@ color: #848484; right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #005b9f; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #a80000; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f4f4f4; } @@ -831,15 +861,19 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #005b9f; } + .p-checkbox-label { margin-left: 0.5rem; } + .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #a80000; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #212121; } @@ -878,9 +912,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #a80000; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.429rem; } @@ -888,22 +924,26 @@ color: #848484; right: 0.429rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } + .p-dropdown { background: #ffffff; border: 1px solid #a6a6a6; @@ -947,6 +987,7 @@ .p-dropdown.p-invalid.p-component { border-color: #a80000; } + .p-dropdown-panel { background: #ffffff; color: #333333; @@ -1010,6 +1051,7 @@ color: #333333; background: transparent; } + .p-input-filled .p-dropdown { background: #f4f4f4; } @@ -1022,14 +1064,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #a80000; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #eaeaea; color: #848484; @@ -1042,68 +1087,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #a6a6a6; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.429rem; color: #848484; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.429rem; color: #848484; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #a80000; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.858rem; } @@ -1111,9 +1166,11 @@ color: #848484; right: 0.429rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #a80000; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 1.858rem; } @@ -1121,21 +1178,25 @@ color: #848484; right: 0.429rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.786rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.786rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 1.858rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1174,9 +1235,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #116fbf; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #a80000; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1209,54 +1272,69 @@ font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } + .p-float-label > label { left: 0.429rem; color: #666666; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #a80000; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.429rem; color: #848484; } + .p-input-icon-left > .p-inputtext { padding-left: 1.858rem; } + .p-input-icon-left.p-float-label > label { left: 1.858rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.429rem; color: #848484; } + .p-input-icon-right > .p-inputtext { padding-right: 1.858rem; } + .p-icon-field-left > .p-inputtext { padding-left: 1.858rem; } + .p-icon-field-left.p-float-label > label { left: 1.858rem; } + .p-icon-field-right > .p-inputtext { padding-right: 1.858rem; } + ::-webkit-input-placeholder { color: #666666; } + :-moz-placeholder { color: #666666; } + ::-moz-placeholder { color: #666666; } + :-ms-input-placeholder { color: #666666; } + .p-input-filled .p-inputtext { background-color: #f4f4f4; } @@ -1266,14 +1344,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #f4f4f4; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.375375rem 0.375375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } + .p-listbox { background: #ffffff; color: #333333; @@ -1348,9 +1429,11 @@ box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #a80000; } + .p-multiselect { background: #ffffff; border: 1px solid #a6a6a6; @@ -1390,9 +1473,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.2145rem 0.429rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.429rem; } @@ -1400,6 +1485,7 @@ color: #848484; right: 2.357rem; } + .p-multiselect-panel { background: #ffffff; color: #333333; @@ -1488,6 +1574,7 @@ color: #333333; background: transparent; } + .p-input-filled .p-multiselect { background: #f4f4f4; } @@ -1497,12 +1584,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #f4f4f4; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #a80000; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #a80000; } + .p-password-panel { padding: 0.571rem 1rem; background: #ffffff; @@ -1524,6 +1614,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #34a835; } + p-password.p-password-clearable .p-password-input { padding-right: 1.858rem; } @@ -1531,6 +1622,7 @@ color: #848484; right: 0.429rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.287rem; } @@ -1538,6 +1630,7 @@ color: #848484; right: 1.858rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1575,9 +1668,11 @@ background: #005b9f; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #a80000; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f4f4f4; } @@ -1590,12 +1685,15 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #005b9f; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } + .p-rating { gap: 0.5rem; } @@ -1626,9 +1724,11 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; } + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #ffffff; } + .p-selectbutton .p-button { background: #dadada; border: 1px solid #dadada; @@ -1636,7 +1736,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #666666; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1645,7 +1745,7 @@ color: #333333; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #212121; } .p-selectbutton .p-button.p-highlight { @@ -1654,7 +1754,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1663,12 +1763,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #a80000; } + .p-slider { background: #c8c8c8; border: 0 none; @@ -1720,6 +1822,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #dadada; border: 1px solid #dadada; @@ -1727,7 +1830,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #666666; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1736,7 +1839,7 @@ color: #333333; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #212121; } .p-togglebutton.p-button.p-highlight { @@ -1745,7 +1848,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1754,12 +1857,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #a80000; } + .p-treeselect { background: #ffffff; border: 1px solid #a6a6a6; @@ -1796,12 +1901,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #a80000; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.2145rem 0.429rem; } + .p-treeselect-panel { background: #ffffff; color: #333333; @@ -1861,6 +1969,7 @@ color: #333333; background: transparent; } + .p-input-filled .p-treeselect { background: #f4f4f4; } @@ -1870,6 +1979,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #f4f4f4; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.429rem; } @@ -1877,6 +1987,7 @@ color: #848484; right: 2.357rem; } + .p-button { color: #ffffff; background: #007ad9; @@ -1988,7 +2099,7 @@ padding: 0.429rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2015,6 +2126,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2027,414 +2139,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #607d8b; border: 1px solid #607d8b; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #546e7a; color: #ffffff; border-color: #546e7a; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #b0bec5; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #455a64; color: #ffffff; border-color: #455a64; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #607d8b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); color: #607d8b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); color: #607d8b; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #607d8b; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; color: #607d8b; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; color: #607d8b; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #007ad9; border: 1px solid #007ad9; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #8dcdff; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #005b9f; color: #ffffff; border-color: #005b9f; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #007ad9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #007ad9; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); border-color: transparent; color: #007ad9; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(0, 122, 217, 0.16); border-color: transparent; color: #007ad9; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #34a835; border: 1px solid #34a835; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #107d11; color: #ffffff; border-color: #107d11; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #aae5aa; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #0c6b0d; color: #ffffff; border-color: #0c6b0d; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #34a835; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); color: #34a835; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(52, 168, 53, 0.16); color: #34a835; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #34a835; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); border-color: transparent; color: #34a835; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(52, 168, 53, 0.16); border-color: transparent; color: #34a835; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #333333; background: #ffba01; border: 1px solid #ffba01; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ed990b; color: #333333; border-color: #ed990b; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ffeab4; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #d38b10; color: #333333; border-color: #d38b10; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffba01; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); color: #ffba01; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 186, 1, 0.16); color: #ffba01; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffba01; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); border-color: transparent; color: #ffba01; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 186, 1, 0.16); border-color: transparent; color: #ffba01; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #9c27b0; border: 1px solid #9c27b0; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #8e24aa; color: #ffffff; border-color: #8e24aa; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ce93d8; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7b1fa2; color: #ffffff; border-color: #7b1fa2; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9c27b0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9c27b0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); color: #9c27b0; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #9c27b0; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9c27b0; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9c27b0; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #e91224; border: 1px solid #e91224; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c01120; color: #ffffff; border-color: #c01120; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #f9b4ba; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #a90000; color: #ffffff; border-color: #a90000; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #e91224; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); color: #e91224; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(233, 18, 36, 0.16); color: #e91224; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #e91224; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); border-color: transparent; color: #e91224; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(233, 18, 36, 0.16); border-color: transparent; color: #e91224; } + .p-button.p-button-link { color: #005b9f; background: transparent; @@ -2458,6 +2577,7 @@ color: #005b9f; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2469,14 +2589,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2487,45 +2610,52 @@ background: #222c31; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2603,6 +2733,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #607d8b; @@ -2631,6 +2762,7 @@ border-color: transparent; color: #607d8b; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #007ad9; @@ -2659,6 +2791,7 @@ border-color: transparent; color: #007ad9; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #34a835; @@ -2687,6 +2820,7 @@ border-color: transparent; color: #34a835; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffba01; @@ -2715,6 +2849,7 @@ border-color: transparent; color: #ffba01; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2743,6 +2878,7 @@ border-color: transparent; color: #9c27b0; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #e91224; @@ -2771,8 +2907,9 @@ border-color: transparent; color: #e91224; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #a6a6a6; @@ -2783,13 +2920,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #007ad9; border-color: transparent; background: transparent; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -2815,6 +2952,7 @@ background: #007ad9; color: #ffffff; } + .p-datatable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -2908,9 +3046,9 @@ padding: 0.571rem 0.857rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #a6a6a6; @@ -2920,17 +3058,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #007ad9; border-color: transparent; background: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -2960,12 +3098,12 @@ background: #007ad9; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #333333; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f4f4f4; } .p-datatable .p-datatable-loading-icon { @@ -3068,6 +3206,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.71375rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3106,10 +3245,12 @@ .p-dataview .p-dataview-emptymessage { padding: 0.571rem 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3137,6 +3278,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3156,6 +3298,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-column-filter-overlay { background: #ffffff; color: #333333; @@ -3193,6 +3336,7 @@ border-top: 1px solid #d8dae2; margin: 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.429rem 0.857rem; border-bottom: 1px solid #eaeaea; @@ -3221,6 +3365,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.571rem 1rem; } + .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3306,6 +3451,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #eaeaea; } + .p-orderlist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); @@ -3314,6 +3460,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #eaeaea; color: #333333; @@ -3352,6 +3499,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-paginator { background: #f4f4f4; color: #333333; @@ -3361,9 +3509,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #848484; @@ -3374,9 +3522,9 @@ border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e0e0e0; border-color: transparent; color: #333333; @@ -3433,6 +3581,7 @@ border-color: transparent; color: #333333; } + .p-picklist .p-picklist-buttons { padding: 0.571rem 1rem; } @@ -3518,6 +3667,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #eaeaea; } + .p-picklist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); @@ -3526,6 +3676,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3537,19 +3688,20 @@ background-color: #c8c8c8; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #c8c8c8; background: #ffffff; @@ -3606,11 +3758,11 @@ color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3683,6 +3835,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-treetable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3822,7 +3975,7 @@ background: #007ad9; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #333333; } .p-treetable .p-treetable-loading-icon { @@ -3883,6 +4036,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.71375rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #333333; color: #ffffff; @@ -3907,6 +4061,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 0.857rem 1rem; border: 1px solid #333333; @@ -3955,6 +4110,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 2px; } + .p-card { background: #ffffff; color: #333333; @@ -3980,6 +4136,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4003,6 +4160,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #c8c8c8; background: #ffffff; @@ -4043,6 +4201,7 @@ .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; } + .p-panel .p-panel-header { border: 1px solid #333333; padding: 0.857rem 1rem; @@ -4109,6 +4268,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #f8f8f8; border: 0 none; @@ -4119,6 +4279,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-splitter { border: 1px solid #c8c8c8; background: #ffffff; @@ -4140,164 +4301,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #d8dae2; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: background-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #333333; - border: 1px solid #dee2e6; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #848484; - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #007ad9; - color: #ffffff; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #333333; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #007ad9; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 0.571rem 1rem; - color: #333333; - } - .p-stepper .p-stepper-separator { - background-color: #c8c8c8; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: background-color 0.2s, box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #333333; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #007ad9; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4366,6 +4370,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #333333; border: 1px solid #333333; @@ -4376,6 +4381,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #333333; @@ -4423,6 +4429,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); @@ -4495,6 +4502,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #333333; @@ -4536,6 +4544,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #c8c8c8; } + .p-sidebar { background: #ffffff; color: #333333; @@ -4546,7 +4555,7 @@ padding: 0.857rem 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #a6a6a6; @@ -4556,13 +4565,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #007ad9; border-color: transparent; background: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4576,6 +4585,7 @@ .p-sidebar .p-sidebar-footer { padding: 0.857rem 1rem; } + .p-tooltip .p-tooltip-text { background: #333333; color: #ffffff; @@ -4595,6 +4605,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #333333; } + .p-fileupload .p-fileupload-buttonbar { background: #333333; padding: 0.857rem 1rem; @@ -4634,6 +4645,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #116fbf; color: #ffffff; @@ -4644,6 +4656,7 @@ color: #ffffff; border-color: #005b9f; } + .p-breadcrumb { background: #ffffff; border: 1px solid #c8c8c8; @@ -4675,6 +4688,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #333333; } + .p-contextmenu { padding: 0; background: #ffffff; @@ -4722,7 +4736,7 @@ color: #333333; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4736,7 +4750,7 @@ color: #333333; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4747,7 +4761,7 @@ color: #333333; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem-separator { @@ -4761,6 +4775,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4784,31 +4799,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4867,7 +4883,7 @@ color: #333333; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4881,7 +4897,7 @@ color: #333333; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4892,7 +4908,7 @@ color: #333333; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-megamenu-panel { @@ -4950,9 +4966,10 @@ color: #333333; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } + .p-menu { padding: 0; background: #ffffff; @@ -4989,7 +5006,7 @@ color: #333333; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5003,7 +5020,7 @@ color: #333333; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5014,7 +5031,7 @@ color: #333333; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu.p-menu-overlay { @@ -5048,6 +5065,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #ffffff; @@ -5086,7 +5104,7 @@ color: #333333; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5117,7 +5135,7 @@ color: #333333; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5131,7 +5149,7 @@ color: #333333; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5142,7 +5160,7 @@ color: #333333; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-submenu-list { @@ -5159,6 +5177,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5333,7 +5352,7 @@ color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5347,7 +5366,7 @@ color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5358,7 +5377,7 @@ color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5374,6 +5393,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 2px; } + .p-slidemenu { padding: 0; background: #ffffff; @@ -5416,7 +5436,7 @@ color: #333333; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5430,7 +5450,7 @@ color: #333333; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5441,7 +5461,7 @@ color: #333333; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu.p-slidemenu-overlay { @@ -5488,6 +5508,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: background-color 0.2s, box-shadow 0.2s; @@ -5532,6 +5553,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 0 none; @@ -5602,6 +5624,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; } + .p-tieredmenu { padding: 0; background: #ffffff; @@ -5652,7 +5675,7 @@ color: #333333; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5666,7 +5689,7 @@ color: #333333; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5677,7 +5700,7 @@ color: #333333; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem-separator { @@ -5691,6 +5714,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem; margin: 0; @@ -5746,6 +5770,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5834,6 +5859,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5884,7 +5910,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-success { @@ -5894,7 +5920,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5904,7 +5930,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-error { @@ -5914,9 +5940,10 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #212121; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5947,7 +5974,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6004,7 +6031,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #aeb6bf; @@ -6014,7 +6041,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #aeb6bf; } @@ -6023,23 +6050,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6063,6 +6096,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #c8c8c8; border-radius: 3px; @@ -6083,9 +6117,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #007ad9; color: #ffffff; @@ -6127,6 +6163,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #c8c8c8; color: #333333; @@ -6162,6 +6199,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.429rem 0.429rem; border-radius: 3px; @@ -6176,15 +6214,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6192,19 +6234,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6264,6 +6311,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 24px; @@ -6279,6 +6327,7 @@ color: #ffffff; line-height: 24px; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6300,6 +6349,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #eaeaea; border-radius: 3px; @@ -6307,6 +6357,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #007ad9; color: #ffffff; @@ -6339,6 +6390,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #333333; @@ -6358,6 +6410,7 @@ .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #b4b4b4; } + .p-dialog .p-dialog-header .p-dialog-header-icon { color: #ffffff; } diff --git a/src/assets/components/themes/nova/theme.css b/src/assets/components/themes/nova/theme.css index be1800e599f..16f6d995b12 100644 --- a/src/assets/components/themes/nova/theme.css +++ b/src/assets/components/themes/nova/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.5; } + .p-error { color: #a80000; } + .p-text-secondary { color: #848484; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.429rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #a80000; } + .p-autocomplete-panel { background: #ffffff; color: #333333; @@ -427,9 +440,11 @@ color: #333333; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #a80000; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -437,19 +452,23 @@ color: #848484; right: 0.429rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #848484; right: 2.786rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #a80000; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } + .p-datepicker { padding: 0.857rem; background: #ffffff; @@ -476,7 +495,7 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #a6a6a6; @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #007ad9; border-color: transparent; background: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #333333; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 700; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #007ad9; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.858rem; } @@ -664,10 +684,12 @@ color: #848484; right: 0.429rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #848484; right: 2.786rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0.25rem; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #a80000; } + .p-cascadeselect-panel { background: #ffffff; color: #333333; @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f4f4f4; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #f4f4f4; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #a80000; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.429rem; } @@ -768,6 +794,7 @@ color: #848484; right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #005b9f; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #a80000; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f4f4f4; } @@ -831,15 +861,19 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #005b9f; } + .p-checkbox-label { margin-left: 0.5rem; } + .p-highlight .p-checkbox .p-checkbox-box { border-color: #ffffff; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #a80000; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #212121; } @@ -878,9 +912,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #a80000; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.429rem; } @@ -888,22 +924,26 @@ color: #848484; right: 0.429rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } + .p-dropdown { background: #ffffff; border: 1px solid #a6a6a6; @@ -947,6 +987,7 @@ .p-dropdown.p-invalid.p-component { border-color: #a80000; } + .p-dropdown-panel { background: #ffffff; color: #333333; @@ -1010,6 +1051,7 @@ color: #333333; background: transparent; } + .p-input-filled .p-dropdown { background: #f4f4f4; } @@ -1022,14 +1064,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #a80000; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #eaeaea; color: #848484; @@ -1042,68 +1087,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #a6a6a6; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.429rem; color: #848484; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.429rem; color: #848484; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #a80000; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.858rem; } @@ -1111,9 +1166,11 @@ color: #848484; right: 0.429rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #a80000; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 1.858rem; } @@ -1121,21 +1178,25 @@ color: #848484; right: 0.429rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.786rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.786rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 1.858rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1174,9 +1235,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #116fbf; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #a80000; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1209,54 +1272,69 @@ font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } + .p-float-label > label { left: 0.429rem; color: #666666; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #a80000; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.429rem; color: #848484; } + .p-input-icon-left > .p-inputtext { padding-left: 1.858rem; } + .p-input-icon-left.p-float-label > label { left: 1.858rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.429rem; color: #848484; } + .p-input-icon-right > .p-inputtext { padding-right: 1.858rem; } + .p-icon-field-left > .p-inputtext { padding-left: 1.858rem; } + .p-icon-field-left.p-float-label > label { left: 1.858rem; } + .p-icon-field-right > .p-inputtext { padding-right: 1.858rem; } + ::-webkit-input-placeholder { color: #666666; } + :-moz-placeholder { color: #666666; } + ::-moz-placeholder { color: #666666; } + :-ms-input-placeholder { color: #666666; } + .p-input-filled .p-inputtext { background-color: #f4f4f4; } @@ -1266,14 +1344,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #f4f4f4; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.375375rem 0.375375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } + .p-listbox { background: #ffffff; color: #333333; @@ -1348,9 +1429,11 @@ box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #a80000; } + .p-multiselect { background: #ffffff; border: 1px solid #a6a6a6; @@ -1390,9 +1473,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.2145rem 0.429rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.429rem; } @@ -1400,6 +1485,7 @@ color: #848484; right: 2.357rem; } + .p-multiselect-panel { background: #ffffff; color: #333333; @@ -1488,6 +1574,7 @@ color: #333333; background: transparent; } + .p-input-filled .p-multiselect { background: #f4f4f4; } @@ -1497,12 +1584,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #f4f4f4; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #a80000; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #a80000; } + .p-password-panel { padding: 0.571rem 1rem; background: #ffffff; @@ -1524,6 +1614,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #34a835; } + p-password.p-password-clearable .p-password-input { padding-right: 1.858rem; } @@ -1531,6 +1622,7 @@ color: #848484; right: 0.429rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.287rem; } @@ -1538,6 +1630,7 @@ color: #848484; right: 1.858rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1575,9 +1668,11 @@ background: #005b9f; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #a80000; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f4f4f4; } @@ -1590,12 +1685,15 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #005b9f; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #ffffff; } + .p-rating { gap: 0.5rem; } @@ -1626,9 +1724,11 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; } + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #ffffff; } + .p-selectbutton .p-button { background: #dadada; border: 1px solid #dadada; @@ -1636,7 +1736,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #666666; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1645,7 +1745,7 @@ color: #333333; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #212121; } .p-selectbutton .p-button.p-highlight { @@ -1654,7 +1754,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1663,12 +1763,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #a80000; } + .p-slider { background: #c8c8c8; border: 0 none; @@ -1720,6 +1822,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #dadada; border: 1px solid #dadada; @@ -1727,7 +1830,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #666666; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1736,7 +1839,7 @@ color: #333333; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #212121; } .p-togglebutton.p-button.p-highlight { @@ -1745,7 +1848,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1754,12 +1857,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #a80000; } + .p-treeselect { background: #ffffff; border: 1px solid #a6a6a6; @@ -1796,12 +1901,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #a80000; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.2145rem 0.429rem; } + .p-treeselect-panel { background: #ffffff; color: #333333; @@ -1861,6 +1969,7 @@ color: #333333; background: transparent; } + .p-input-filled .p-treeselect { background: #f4f4f4; } @@ -1870,6 +1979,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #f4f4f4; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.429rem; } @@ -1877,6 +1987,7 @@ color: #848484; right: 2.357rem; } + .p-button { color: #ffffff; background: #007ad9; @@ -1988,7 +2099,7 @@ padding: 0.429rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2015,6 +2126,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2027,414 +2139,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #607d8b; border: 1px solid #607d8b; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #546e7a; color: #ffffff; border-color: #546e7a; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #b0bec5; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #455a64; color: #ffffff; border-color: #455a64; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #607d8b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); color: #607d8b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); color: #607d8b; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #607d8b; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; color: #607d8b; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; color: #607d8b; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #007ad9; border: 1px solid #007ad9; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #8dcdff; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #005b9f; color: #ffffff; border-color: #005b9f; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #007ad9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #007ad9; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); border-color: transparent; color: #007ad9; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(0, 122, 217, 0.16); border-color: transparent; color: #007ad9; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #34a835; border: 1px solid #34a835; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #107d11; color: #ffffff; border-color: #107d11; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #aae5aa; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #0c6b0d; color: #ffffff; border-color: #0c6b0d; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #34a835; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); color: #34a835; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(52, 168, 53, 0.16); color: #34a835; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #34a835; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); border-color: transparent; color: #34a835; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(52, 168, 53, 0.16); border-color: transparent; color: #34a835; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #333333; background: #ffba01; border: 1px solid #ffba01; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ed990b; color: #333333; border-color: #ed990b; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ffeab4; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #d38b10; color: #333333; border-color: #d38b10; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffba01; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); color: #ffba01; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 186, 1, 0.16); color: #ffba01; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffba01; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); border-color: transparent; color: #ffba01; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 186, 1, 0.16); border-color: transparent; color: #ffba01; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #9c27b0; border: 1px solid #9c27b0; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #8e24aa; color: #ffffff; border-color: #8e24aa; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ce93d8; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7b1fa2; color: #ffffff; border-color: #7b1fa2; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9c27b0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9c27b0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); color: #9c27b0; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #9c27b0; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9c27b0; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9c27b0; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #e91224; border: 1px solid #e91224; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c01120; color: #ffffff; border-color: #c01120; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #f9b4ba; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #a90000; color: #ffffff; border-color: #a90000; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #e91224; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); color: #e91224; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(233, 18, 36, 0.16); color: #e91224; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #e91224; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); border-color: transparent; color: #e91224; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(233, 18, 36, 0.16); border-color: transparent; color: #e91224; } + .p-button.p-button-link { color: #005b9f; background: transparent; @@ -2458,6 +2577,7 @@ color: #005b9f; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2469,14 +2589,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2487,45 +2610,52 @@ background: #222c31; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2603,6 +2733,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #607d8b; @@ -2631,6 +2762,7 @@ border-color: transparent; color: #607d8b; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #007ad9; @@ -2659,6 +2791,7 @@ border-color: transparent; color: #007ad9; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #34a835; @@ -2687,6 +2820,7 @@ border-color: transparent; color: #34a835; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffba01; @@ -2715,6 +2849,7 @@ border-color: transparent; color: #ffba01; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2743,6 +2878,7 @@ border-color: transparent; color: #9c27b0; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #e91224; @@ -2771,8 +2907,9 @@ border-color: transparent; color: #e91224; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #a6a6a6; @@ -2783,13 +2920,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #007ad9; border-color: transparent; background: transparent; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -2815,6 +2952,7 @@ background: #007ad9; color: #ffffff; } + .p-datatable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -2908,9 +3046,9 @@ padding: 0.571rem 0.857rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #a6a6a6; @@ -2920,17 +3058,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #007ad9; border-color: transparent; background: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -2960,12 +3098,12 @@ background: #007ad9; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #f4f4f4; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f4f4f4; } .p-datatable .p-datatable-loading-icon { @@ -3068,6 +3206,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.71375rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3106,10 +3245,12 @@ .p-dataview .p-dataview-emptymessage { padding: 0.571rem 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3137,6 +3278,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3156,6 +3298,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-column-filter-overlay { background: #ffffff; color: #333333; @@ -3193,6 +3336,7 @@ border-top: 1px solid #d8dae2; margin: 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.429rem 0.857rem; border-bottom: 1px solid #eaeaea; @@ -3221,6 +3365,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.571rem 1rem; } + .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3306,6 +3451,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #eaeaea; } + .p-orderlist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); @@ -3314,6 +3460,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #eaeaea; color: #333333; @@ -3352,6 +3499,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-paginator { background: #f4f4f4; color: #333333; @@ -3361,9 +3509,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #848484; @@ -3374,9 +3522,9 @@ border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e0e0e0; border-color: transparent; color: #333333; @@ -3433,6 +3581,7 @@ border-color: transparent; color: #333333; } + .p-picklist .p-picklist-buttons { padding: 0.571rem 1rem; } @@ -3518,6 +3667,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #eaeaea; } + .p-picklist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); @@ -3526,6 +3676,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3537,19 +3688,20 @@ background-color: #c8c8c8; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #c8c8c8; background: #ffffff; @@ -3606,11 +3758,11 @@ color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3683,6 +3835,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-treetable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3822,7 +3975,7 @@ background: #007ad9; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #f4f4f4; } .p-treetable .p-treetable-loading-icon { @@ -3883,6 +4036,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.71375rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #f4f4f4; color: #333333; @@ -3907,6 +4061,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 0.857rem 1rem; border: 1px solid #c8c8c8; @@ -3955,6 +4110,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 2px; } + .p-card { background: #ffffff; color: #333333; @@ -3980,6 +4136,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4003,6 +4160,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #c8c8c8; background: #ffffff; @@ -4043,6 +4201,7 @@ .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; } + .p-panel .p-panel-header { border: 1px solid #c8c8c8; padding: 0.857rem 1rem; @@ -4109,6 +4268,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #f8f8f8; border: 0 none; @@ -4119,6 +4279,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-splitter { border: 1px solid #c8c8c8; background: #ffffff; @@ -4140,164 +4301,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #d8dae2; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: background-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #333333; - border: 1px solid #dee2e6; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #848484; - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #007ad9; - color: #ffffff; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #333333; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #007ad9; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 0.571rem 1rem; - color: #333333; - } - .p-stepper .p-stepper-separator { - background-color: #c8c8c8; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: background-color 0.2s, box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #333333; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #007ad9; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4366,6 +4370,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #f4f4f4; border: 1px solid #c8c8c8; @@ -4376,6 +4381,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #333333; @@ -4423,6 +4429,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); @@ -4495,6 +4502,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #333333; @@ -4536,6 +4544,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #c8c8c8; } + .p-sidebar { background: #ffffff; color: #333333; @@ -4546,7 +4555,7 @@ padding: 0.857rem 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #a6a6a6; @@ -4556,13 +4565,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #007ad9; border-color: transparent; background: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4576,6 +4585,7 @@ .p-sidebar .p-sidebar-footer { padding: 0.857rem 1rem; } + .p-tooltip .p-tooltip-text { background: #333333; color: #ffffff; @@ -4595,6 +4605,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #333333; } + .p-fileupload .p-fileupload-buttonbar { background: #f4f4f4; padding: 0.857rem 1rem; @@ -4634,6 +4645,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #116fbf; color: #ffffff; @@ -4644,6 +4656,7 @@ color: #ffffff; border-color: #005b9f; } + .p-breadcrumb { background: #ffffff; border: 1px solid #c8c8c8; @@ -4675,6 +4688,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #333333; } + .p-contextmenu { padding: 0; background: #ffffff; @@ -4722,7 +4736,7 @@ color: #333333; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4736,7 +4750,7 @@ color: #333333; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4747,7 +4761,7 @@ color: #333333; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem-separator { @@ -4761,6 +4775,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4784,31 +4799,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4867,7 +4883,7 @@ color: #333333; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4881,7 +4897,7 @@ color: #333333; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4892,7 +4908,7 @@ color: #333333; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-megamenu-panel { @@ -4950,9 +4966,10 @@ color: #333333; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } + .p-menu { padding: 0; background: #ffffff; @@ -4989,7 +5006,7 @@ color: #333333; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5003,7 +5020,7 @@ color: #333333; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5014,7 +5031,7 @@ color: #333333; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu.p-menu-overlay { @@ -5048,6 +5065,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #ffffff; @@ -5086,7 +5104,7 @@ color: #333333; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5117,7 +5135,7 @@ color: #333333; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5131,7 +5149,7 @@ color: #333333; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5142,7 +5160,7 @@ color: #333333; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-submenu-list { @@ -5159,6 +5177,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5333,7 +5352,7 @@ color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5347,7 +5366,7 @@ color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5358,7 +5377,7 @@ color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5374,6 +5393,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 2px; } + .p-slidemenu { padding: 0; background: #ffffff; @@ -5416,7 +5436,7 @@ color: #333333; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5430,7 +5450,7 @@ color: #333333; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5441,7 +5461,7 @@ color: #333333; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu.p-slidemenu-overlay { @@ -5488,6 +5508,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: background-color 0.2s, box-shadow 0.2s; @@ -5532,6 +5553,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 0 none; @@ -5602,6 +5624,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; } + .p-tieredmenu { padding: 0; background: #ffffff; @@ -5652,7 +5675,7 @@ color: #333333; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5666,7 +5689,7 @@ color: #333333; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5677,7 +5700,7 @@ color: #333333; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem-separator { @@ -5691,6 +5714,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem; margin: 0; @@ -5746,6 +5770,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5834,6 +5859,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5884,7 +5910,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-success { @@ -5894,7 +5920,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5904,7 +5930,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-error { @@ -5914,9 +5940,10 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #212121; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5947,7 +5974,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6004,7 +6031,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #aeb6bf; @@ -6014,7 +6041,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #aeb6bf; } @@ -6023,23 +6050,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6063,6 +6096,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #c8c8c8; border-radius: 3px; @@ -6083,9 +6117,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #007ad9; color: #ffffff; @@ -6127,6 +6163,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #c8c8c8; color: #333333; @@ -6162,6 +6199,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.429rem 0.429rem; border-radius: 3px; @@ -6176,15 +6214,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6192,19 +6234,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6264,6 +6311,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 24px; @@ -6279,6 +6327,7 @@ color: #ffffff; line-height: 24px; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6300,6 +6349,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #eaeaea; border-radius: 3px; @@ -6307,6 +6357,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #007ad9; color: #ffffff; @@ -6339,6 +6390,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #333333; @@ -6358,6 +6410,7 @@ .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #333333; } + .p-dialog .p-dialog-header .p-dialog-header-icon { color: #848484; } diff --git a/src/assets/components/themes/rhea/theme.css b/src/assets/components/themes/rhea/theme.css index a64e0861516..05868fbe7b3 100644 --- a/src/assets/components/themes/rhea/theme.css +++ b/src/assets/components/themes/rhea/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.5; } + .p-error { color: #e7a3a3; } + .p-text-secondary { color: #a6a6a6; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.429rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e7a3a3; } + .p-autocomplete-panel { background: #ffffff; color: #666666; @@ -427,9 +440,11 @@ color: #666666; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e7a3a3; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -437,19 +452,23 @@ color: #a6a6a6; right: 0.429rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #a6a6a6; right: 2.786rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #e7a3a3; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7b95a3; } + .p-datepicker { padding: 0.857rem; background: #ffffff; @@ -476,7 +495,7 @@ border-top-left-radius: 2px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #a6a6a6; @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #666666; border-color: transparent; background: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #666666; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 700; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #7b95a3; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.858rem; } @@ -664,10 +684,12 @@ color: #a6a6a6; right: 0.429rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #a6a6a6; right: 2.786rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0.25rem; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e7a3a3; } + .p-cascadeselect-panel { background: #ffffff; color: #666666; @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f4f4f4; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #f4f4f4; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #e7a3a3; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.429rem; } @@ -768,6 +794,7 @@ color: #a6a6a6; right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #617c8a; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e7a3a3; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f4f4f4; } @@ -831,12 +861,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #617c8a; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e7a3a3; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #a6a6a6; } @@ -875,9 +908,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #e7a3a3; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.429rem; } @@ -885,22 +920,26 @@ color: #a6a6a6; right: 0.429rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } + .p-dropdown { background: #ffffff; border: 1px solid #dadada; @@ -944,6 +983,7 @@ .p-dropdown.p-invalid.p-component { border-color: #e7a3a3; } + .p-dropdown-panel { background: #ffffff; color: #666666; @@ -1007,6 +1047,7 @@ color: #666666; background: transparent; } + .p-input-filled .p-dropdown { background: #f4f4f4; } @@ -1019,14 +1060,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #e7a3a3; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #dbdbdb; color: #666666; @@ -1039,68 +1083,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #dadada; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.429rem; color: #a6a6a6; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.429rem; color: #a6a6a6; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e7a3a3; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.858rem; } @@ -1108,9 +1162,11 @@ color: #a6a6a6; right: 0.429rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #e7a3a3; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 1.858rem; } @@ -1118,21 +1174,25 @@ color: #a6a6a6; right: 0.429rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.786rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.786rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 1.858rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1171,9 +1231,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #afd3c8; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e7a3a3; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1206,54 +1268,69 @@ font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } + .p-float-label > label { left: 0.429rem; color: #a6a6a6; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #e7a3a3; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.429rem; color: #a6a6a6; } + .p-input-icon-left > .p-inputtext { padding-left: 1.858rem; } + .p-input-icon-left.p-float-label > label { left: 1.858rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.429rem; color: #a6a6a6; } + .p-input-icon-right > .p-inputtext { padding-right: 1.858rem; } + .p-icon-field-left > .p-inputtext { padding-left: 1.858rem; } + .p-icon-field-left.p-float-label > label { left: 1.858rem; } + .p-icon-field-right > .p-inputtext { padding-right: 1.858rem; } + ::-webkit-input-placeholder { color: #a6a6a6; } + :-moz-placeholder { color: #a6a6a6; } + ::-moz-placeholder { color: #a6a6a6; } + :-ms-input-placeholder { color: #a6a6a6; } + .p-input-filled .p-inputtext { background-color: #f4f4f4; } @@ -1263,14 +1340,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #f4f4f4; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.375375rem 0.375375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } + .p-listbox { background: #ffffff; color: #666666; @@ -1345,9 +1425,11 @@ box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7b95a3; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e7a3a3; } + .p-multiselect { background: #ffffff; border: 1px solid #dadada; @@ -1387,9 +1469,11 @@ border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.2145rem 0.429rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.429rem; } @@ -1397,6 +1481,7 @@ color: #a6a6a6; right: 2.357rem; } + .p-multiselect-panel { background: #ffffff; color: #666666; @@ -1485,6 +1570,7 @@ color: #666666; background: transparent; } + .p-input-filled .p-multiselect { background: #f4f4f4; } @@ -1494,12 +1580,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #f4f4f4; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #e7a3a3; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #e7a3a3; } + .p-password-panel { padding: 0.571rem 1rem; background: #ffffff; @@ -1521,6 +1610,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #a3e2c6; } + p-password.p-password-clearable .p-password-input { padding-right: 1.858rem; } @@ -1528,6 +1618,7 @@ color: #a6a6a6; right: 0.429rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.287rem; } @@ -1535,6 +1626,7 @@ color: #a6a6a6; right: 1.858rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1572,9 +1664,11 @@ background: #617c8a; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #e7a3a3; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f4f4f4; } @@ -1587,9 +1681,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #617c8a; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1620,6 +1716,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #d66161; } + .p-selectbutton .p-button { background: #eaeaea; border: 1px solid #eaeaea; @@ -1627,7 +1724,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #666666; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1636,7 +1733,7 @@ color: #333333; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #666666; } .p-selectbutton .p-button.p-highlight { @@ -1645,7 +1742,7 @@ color: #385048; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #385048; } .p-selectbutton .p-button.p-highlight:hover { @@ -1654,12 +1751,14 @@ color: #385048; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #385048; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #e7a3a3; } + .p-slider { background: #c4c4c4; border: 0 none; @@ -1711,6 +1810,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #eaeaea; border: 1px solid #eaeaea; @@ -1718,7 +1818,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #666666; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1727,7 +1827,7 @@ color: #333333; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #666666; } .p-togglebutton.p-button.p-highlight { @@ -1736,7 +1836,7 @@ color: #385048; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #385048; } .p-togglebutton.p-button.p-highlight:hover { @@ -1745,12 +1845,14 @@ color: #385048; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #385048; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #e7a3a3; } + .p-treeselect { background: #ffffff; border: 1px solid #dadada; @@ -1787,12 +1889,15 @@ border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #e7a3a3; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.2145rem 0.429rem; } + .p-treeselect-panel { background: #ffffff; color: #666666; @@ -1852,6 +1957,7 @@ color: #666666; background: transparent; } + .p-input-filled .p-treeselect { background: #f4f4f4; } @@ -1861,6 +1967,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #f4f4f4; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.429rem; } @@ -1868,6 +1975,7 @@ color: #a6a6a6; right: 2.357rem; } + .p-button { color: #ffffff; background: #7b95a3; @@ -1979,7 +2087,7 @@ padding: 0.429rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2006,6 +2114,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2018,414 +2127,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #a3897b; border: 1px solid #8e6f5f; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #8e6f5f; color: #ffffff; border-color: #7a5743; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #bfaaa0; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #7a5743; color: #ffffff; border-color: #6e4e3c; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #a3897b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(163, 137, 123, 0.04); color: #a3897b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(163, 137, 123, 0.16); color: #a3897b; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #a3897b; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(163, 137, 123, 0.04); border-color: transparent; color: #a3897b; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(163, 137, 123, 0.16); border-color: transparent; color: #a3897b; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #3d4447; background: #a3def8; border: 1px solid #79c8eb; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #81cbec; color: #3d4447; border-color: #60b7de; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #d2effc; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #3ea9db; color: #3d4447; border-color: #2987b1; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #a3def8; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(163, 222, 248, 0.04); color: #a3def8; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(163, 222, 248, 0.16); color: #a3def8; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #a3def8; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(163, 222, 248, 0.04); border-color: transparent; color: #a3def8; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(163, 222, 248, 0.16); border-color: transparent; color: #a3def8; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #323e39; background: #a3e2c6; border: 1px solid #80caaa; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #80caaa; color: #323e39; border-color: #5ea285; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #caeede; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #31b57c; color: #323e39; border-color: #5ea285; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #a3e2c6; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(163, 226, 198, 0.04); color: #a3e2c6; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(163, 226, 198, 0.16); color: #a3e2c6; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #a3e2c6; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(163, 226, 198, 0.04); border-color: transparent; color: #a3e2c6; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(163, 226, 198, 0.16); border-color: transparent; color: #a3e2c6; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #333333; background: #ffe38e; border: 1px solid #ffd95e; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd95e; color: #333333; border-color: #ffce3c; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ffe9a8; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffce3c; color: #333333; border-color: #ffc62a; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffe38e; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 227, 142, 0.04); color: #ffe38e; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 227, 142, 0.16); color: #ffe38e; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffe38e; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 227, 142, 0.04); border-color: transparent; color: #ffe38e; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 227, 142, 0.16); border-color: transparent; color: #ffe38e; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #333333; background: #e9bef1; border: 1px solid #de9eea; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #de9eea; color: #333333; border-color: #d37de3; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #f0d3f6; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #d37de3; color: #333333; border-color: #c85ddc; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #e9bef1; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(233, 190, 241, 0.04); color: #e9bef1; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(233, 190, 241, 0.16); color: #e9bef1; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #e9bef1; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(233, 190, 241, 0.04); border-color: transparent; color: #e9bef1; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(233, 190, 241, 0.16); border-color: transparent; color: #e9bef1; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #262222; background: #f4b6b6; border: 1px solid #e38787; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #ef9999; color: #262222; border-color: #cb5858; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fbe2e2; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #eb5656; color: #262222; border-color: #b73737; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #f4b6b6; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 182, 182, 0.04); color: #f4b6b6; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 182, 182, 0.16); color: #f4b6b6; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #f4b6b6; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 182, 182, 0.04); border-color: transparent; color: #f4b6b6; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 182, 182, 0.16); border-color: transparent; color: #f4b6b6; } + .p-button.p-button-link { color: #617c8a; background: transparent; @@ -2449,6 +2565,7 @@ color: #617c8a; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2460,14 +2577,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2478,45 +2598,52 @@ background: #222c31; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 2px; } @@ -2594,6 +2721,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #a3897b; @@ -2622,6 +2750,7 @@ border-color: transparent; color: #a3897b; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #a3def8; @@ -2650,6 +2779,7 @@ border-color: transparent; color: #a3def8; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #a3e2c6; @@ -2678,6 +2808,7 @@ border-color: transparent; color: #a3e2c6; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe38e; @@ -2706,6 +2837,7 @@ border-color: transparent; color: #ffe38e; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #e9bef1; @@ -2734,6 +2866,7 @@ border-color: transparent; color: #e9bef1; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f4b6b6; @@ -2762,8 +2895,9 @@ border-color: transparent; color: #f4b6b6; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #a6a6a6; @@ -2774,13 +2908,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #666666; border-color: transparent; background: transparent; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -2806,6 +2940,7 @@ background: #afd3c8; color: #385048; } + .p-datatable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -2899,9 +3034,9 @@ padding: 0.571rem 0.857rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #a6a6a6; @@ -2911,17 +3046,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #666666; border-color: transparent; background: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -2951,12 +3086,12 @@ background: #7b95a3; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #7b95a3; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #ffffff; } .p-datatable .p-datatable-loading-icon { @@ -3059,6 +3194,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.71375rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3097,10 +3233,12 @@ .p-dataview .p-dataview-emptymessage { padding: 0.571rem 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3128,6 +3266,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3147,6 +3286,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } + .p-column-filter-overlay { background: #ffffff; color: #666666; @@ -3184,6 +3324,7 @@ border-top: 1px solid #dadada; margin: 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.429rem 0.857rem; border-bottom: 1px solid #dadada; @@ -3212,6 +3353,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.571rem 1rem; } + .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3297,6 +3439,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #f4f4f4; } + .p-orderlist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); @@ -3305,6 +3448,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f4f4f4; color: #666666; @@ -3343,6 +3487,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } + .p-paginator { background: #ffffff; color: #666666; @@ -3352,9 +3497,9 @@ border-radius: 2px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #666666; @@ -3365,9 +3510,9 @@ border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #f4f4f4; border-color: transparent; color: #666666; @@ -3424,6 +3569,7 @@ border-color: transparent; color: #666666; } + .p-picklist .p-picklist-buttons { padding: 0.571rem 1rem; } @@ -3509,6 +3655,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #f4f4f4; } + .p-picklist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); @@ -3517,6 +3664,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3528,19 +3676,20 @@ background-color: #c8c8c8; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #dadada; background: #ffffff; @@ -3597,11 +3746,11 @@ color: #385048; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #385048; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #385048; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3674,6 +3823,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } + .p-treetable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3813,7 +3963,7 @@ background: #7b95a3; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #7b95a3; } .p-treetable .p-treetable-loading-icon { @@ -3874,6 +4024,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.71375rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #7b95a3; color: #ffffff; @@ -3898,6 +4049,7 @@ border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 0.857rem 1rem; border: 1px solid #7b95a3; @@ -3946,6 +4098,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 2px; } + .p-card { background: #ffffff; color: #666666; @@ -3971,6 +4124,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -3994,6 +4148,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #dadada; background: #ffffff; @@ -4034,6 +4189,7 @@ .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; } + .p-panel .p-panel-header { border: 1px solid #7b95a3; padding: 0.857rem 1rem; @@ -4100,6 +4256,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #f8f8f8; border: 0 none; @@ -4110,6 +4267,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } + .p-splitter { border: 1px solid #dadada; background: #ffffff; @@ -4131,164 +4289,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #dadada; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #e4e9ec; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 2px; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #a6a6a6; - border: 1px solid #c8c8c8; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #a6a6a6; - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #e4e9ec; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #afd3c8; - color: #385048; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #666666; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #e4e9ec; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #7b95a3; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 0.571rem 1rem; - color: #666666; - } - .p-stepper .p-stepper-separator { - background-color: #c8c8c8; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #666666; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #7b95a3; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4357,6 +4358,7 @@ border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } + .p-toolbar { background: #7b95a3; border: 1px solid #7b95a3; @@ -4367,6 +4369,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #666666; @@ -4414,6 +4417,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 2px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); @@ -4486,6 +4490,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #666666; @@ -4527,6 +4532,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #f1f1f1; } + .p-sidebar { background: #ffffff; color: #666666; @@ -4537,7 +4543,7 @@ padding: 0.857rem 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #a6a6a6; @@ -4547,13 +4553,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #666666; border-color: transparent; background: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -4567,6 +4573,7 @@ .p-sidebar .p-sidebar-footer { padding: 0.857rem 1rem; } + .p-tooltip .p-tooltip-text { background: #afd3c8; color: #385048; @@ -4586,6 +4593,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #afd3c8; } + .p-fileupload .p-fileupload-buttonbar { background: #7b95a3; padding: 0.857rem 1rem; @@ -4625,6 +4633,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #6c8999; color: #ffffff; @@ -4635,6 +4644,7 @@ color: #ffffff; border-color: #617c8a; } + .p-breadcrumb { background: #ffffff; border: 1px solid #c8c8c8; @@ -4666,6 +4676,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #666666; } + .p-contextmenu { padding: 0; background: #ffffff; @@ -4713,7 +4724,7 @@ color: #666666; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4727,7 +4738,7 @@ color: #666666; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4738,7 +4749,7 @@ color: #666666; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } .p-contextmenu .p-menuitem-separator { @@ -4752,6 +4763,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4775,31 +4787,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4858,7 +4871,7 @@ color: #666666; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4872,7 +4885,7 @@ color: #666666; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4883,7 +4896,7 @@ color: #666666; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } .p-megamenu .p-megamenu-panel { @@ -4941,9 +4954,10 @@ color: #666666; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } + .p-menu { padding: 0; background: #ffffff; @@ -4980,7 +4994,7 @@ color: #666666; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4994,7 +5008,7 @@ color: #666666; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5005,7 +5019,7 @@ color: #666666; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menu.p-menu-overlay { @@ -5039,6 +5053,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #ffffff; @@ -5077,7 +5092,7 @@ color: #666666; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5108,7 +5123,7 @@ color: #666666; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5122,7 +5137,7 @@ color: #666666; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5133,7 +5148,7 @@ color: #666666; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menubar .p-submenu-list { @@ -5150,6 +5165,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5324,7 +5340,7 @@ color: #666666; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5338,7 +5354,7 @@ color: #666666; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5349,7 +5365,7 @@ color: #666666; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5365,6 +5381,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 2px; } + .p-slidemenu { padding: 0; background: #ffffff; @@ -5407,7 +5424,7 @@ color: #666666; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5421,7 +5438,7 @@ color: #666666; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5432,7 +5449,7 @@ color: #666666; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } .p-slidemenu.p-slidemenu-overlay { @@ -5479,6 +5496,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -5523,6 +5541,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 0 none; @@ -5593,6 +5612,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #e4e9ec; } + .p-tieredmenu { padding: 0; background: #ffffff; @@ -5643,7 +5663,7 @@ color: #666666; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5657,7 +5677,7 @@ color: #666666; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5668,7 +5688,7 @@ color: #666666; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } .p-tieredmenu .p-menuitem-separator { @@ -5682,6 +5702,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem; margin: 0; @@ -5737,6 +5758,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 2px; @@ -5825,6 +5847,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5875,7 +5898,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-success { @@ -5885,7 +5908,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5895,7 +5918,7 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-error { @@ -5905,9 +5928,10 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #212121; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5938,7 +5962,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -5995,7 +6019,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #aeb6bf; @@ -6005,7 +6029,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #aeb6bf; } @@ -6014,23 +6038,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6054,6 +6084,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #dadada; border-radius: 2px; @@ -6074,9 +6105,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #7b95a3; color: #ffffff; @@ -6118,6 +6151,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #dadada; color: #666666; @@ -6153,6 +6187,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.429rem 0.429rem; border-radius: 2px; @@ -6167,15 +6202,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6183,19 +6222,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6255,6 +6299,7 @@ border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } + .p-progressbar { border: 0 none; height: 24px; @@ -6270,6 +6315,7 @@ color: #ffffff; line-height: 24px; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6291,6 +6337,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #dadada; border-radius: 2px; @@ -6298,6 +6345,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #7b95a3; color: #ffffff; @@ -6330,6 +6378,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #666666; @@ -6349,6 +6398,7 @@ .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #ffffff; } + .p-dialog .p-dialog-header .p-dialog-header-icon { color: #ffffff; } diff --git a/src/assets/components/themes/saga-blue/theme.css b/src/assets/components/themes/saga-blue/theme.css index 514300ba6e6..9d1a8cdade2 100644 --- a/src/assets/components/themes/saga-blue/theme.css +++ b/src/assets/components/themes/saga-blue/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.6; } + .p-error { color: #f44336; } + .p-text-secondary { color: #6c757d; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44336; } + .p-autocomplete-panel { background: #ffffff; color: #495057; @@ -427,9 +440,11 @@ color: #495057; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44336; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -437,19 +452,23 @@ color: #6c757d; right: 0.5rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #6c757d; right: 2.857rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #f44336; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -476,7 +495,7 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6c757d; @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #495057; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #2196F3; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -664,10 +684,12 @@ color: #6c757d; right: 0.5rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #6c757d; right: 2.857rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f44336; } + .p-cascadeselect-panel { background: #ffffff; color: #495057; @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f8f9fa; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f44336; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -768,6 +794,7 @@ color: #6c757d; right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #0b7ad1; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44336; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f8f9fa; } @@ -831,12 +861,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #0b7ad1; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44336; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #2196F3; } @@ -875,9 +908,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #f44336; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } @@ -885,22 +920,26 @@ color: #6c757d; right: 0.5rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #ffffff; border: 1px solid #ced4da; @@ -944,6 +983,7 @@ .p-dropdown.p-invalid.p-component { border-color: #f44336; } + .p-dropdown-panel { background: #ffffff; color: #495057; @@ -1007,6 +1047,7 @@ color: #495057; background: transparent; } + .p-input-filled .p-dropdown { background: #f8f9fa; } @@ -1019,14 +1060,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #f44336; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #e9ecef; color: #6c757d; @@ -1039,68 +1083,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #ced4da; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.5rem; color: #6c757d; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.5rem; color: #6c757d; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44336; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1108,9 +1162,11 @@ color: #6c757d; right: 0.5rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #f44336; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } @@ -1118,21 +1174,25 @@ color: #6c757d; right: 0.5rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.857rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.857rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1171,9 +1231,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #0d89ec; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f44336; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1206,54 +1268,69 @@ font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-float-label > label { left: 0.5rem; color: #6c757d; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #f44336; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.5rem; color: #6c757d; } + .p-input-icon-left > .p-inputtext { padding-left: 2rem; } + .p-input-icon-left.p-float-label > label { left: 2rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.5rem; color: #6c757d; } + .p-input-icon-right > .p-inputtext { padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2rem; } + .p-icon-field-left.p-float-label > label { left: 2rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2rem; } + ::-webkit-input-placeholder { color: #6c757d; } + :-moz-placeholder { color: #6c757d; } + ::-moz-placeholder { color: #6c757d; } + :-ms-input-placeholder { color: #6c757d; } + .p-input-filled .p-inputtext { background-color: #f8f9fa; } @@ -1263,14 +1340,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-listbox { background: #ffffff; color: #495057; @@ -1345,9 +1425,11 @@ box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44336; } + .p-multiselect { background: #ffffff; border: 1px solid #ced4da; @@ -1387,9 +1469,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.5rem; } @@ -1397,6 +1481,7 @@ color: #6c757d; right: 2.357rem; } + .p-multiselect-panel { background: #ffffff; color: #495057; @@ -1485,6 +1570,7 @@ color: #495057; background: transparent; } + .p-input-filled .p-multiselect { background: #f8f9fa; } @@ -1494,12 +1580,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #f44336; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #f44336; } + .p-password-panel { padding: 1rem; background: #ffffff; @@ -1521,6 +1610,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #689f38; } + p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1528,6 +1618,7 @@ color: #6c757d; right: 0.5rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1535,6 +1626,7 @@ color: #6c757d; right: 2rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1572,9 +1664,11 @@ background: #0b7ad1; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #f44336; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f8f9fa; } @@ -1587,9 +1681,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #0b7ad1; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1620,6 +1716,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #c0392b; } + .p-selectbutton .p-button { background: #ffffff; border: 1px solid #ced4da; @@ -1627,7 +1724,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1636,7 +1733,7 @@ color: #495057; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button.p-highlight { @@ -1645,7 +1742,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1654,12 +1751,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #f44336; } + .p-slider { background: #dee2e6; border: 0 none; @@ -1711,6 +1810,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #ffffff; border: 1px solid #ced4da; @@ -1718,7 +1818,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1727,7 +1827,7 @@ color: #495057; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button.p-highlight { @@ -1736,7 +1836,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1745,12 +1845,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #f44336; } + .p-treeselect { background: #ffffff; border: 1px solid #ced4da; @@ -1787,12 +1889,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #f44336; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } + .p-treeselect-panel { background: #ffffff; color: #495057; @@ -1852,6 +1957,7 @@ color: #495057; background: transparent; } + .p-input-filled .p-treeselect { background: #f8f9fa; } @@ -1861,6 +1967,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.5rem; } @@ -1868,6 +1975,7 @@ color: #6c757d; right: 2.357rem; } + .p-button { color: #ffffff; background: #2196F3; @@ -1979,7 +2087,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2006,6 +2114,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2018,414 +2127,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #607d8b; border: 1px solid #607d8b; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #56717d; color: #ffffff; border-color: #56717d; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #beccd2; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #4d646f; color: #ffffff; border-color: #4d646f; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #607d8b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); color: #607d8b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); color: #607d8b; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #607d8b; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; color: #607d8b; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; color: #607d8b; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0288d1; border: 1px solid #0288d1; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #027abc; color: #ffffff; border-color: #027abc; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #89d4fe; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #026da7; color: #ffffff; border-color: #026da7; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #0288d1; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); color: #0288d1; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(2, 136, 209, 0.16); color: #0288d1; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #0288d1; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; color: #0288d1; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; color: #0288d1; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689f38; border: 1px solid #689f38; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #5e8f32; color: #ffffff; border-color: #5e8f32; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #c2e0a8; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #537f2d; color: #ffffff; border-color: #537f2d; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #689f38; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); color: #689f38; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); color: #689f38; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #689f38; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; color: #689f38; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; color: #689f38; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #fbc02d; border: 1px solid #fbc02d; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #fab710; color: #212529; border-color: #fab710; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fde6ab; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #e8a704; color: #212529; border-color: #e8a704; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #fbc02d; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); color: #fbc02d; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); color: #fbc02d; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #fbc02d; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; color: #fbc02d; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; color: #fbc02d; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #9c27b0; border: 1px solid #9c27b0; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #8c239e; color: #ffffff; border-color: #8c239e; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #df9eea; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7d1f8d; color: #ffffff; border-color: #7d1f8d; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9c27b0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9c27b0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); color: #9c27b0; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #9c27b0; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9c27b0; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9c27b0; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #d32f2f; border: 1px solid #d32f2f; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c02929; color: #ffffff; border-color: #c02929; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #edacac; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #aa2424; color: #ffffff; border-color: #aa2424; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #d32f2f; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); color: #d32f2f; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); color: #d32f2f; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #d32f2f; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; color: #d32f2f; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; color: #d32f2f; } + .p-button.p-button-link { color: #0b7ad1; background: transparent; @@ -2449,6 +2565,7 @@ color: #0b7ad1; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2460,14 +2577,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2478,45 +2598,52 @@ background: #343a40; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2594,6 +2721,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #607d8b; @@ -2622,6 +2750,7 @@ border-color: transparent; color: #607d8b; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0288d1; @@ -2650,6 +2779,7 @@ border-color: transparent; color: #0288d1; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689f38; @@ -2678,6 +2808,7 @@ border-color: transparent; color: #689f38; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fbc02d; @@ -2706,6 +2837,7 @@ border-color: transparent; color: #fbc02d; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2734,6 +2866,7 @@ border-color: transparent; color: #9c27b0; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d32f2f; @@ -2762,8 +2895,9 @@ border-color: transparent; color: #d32f2f; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6c757d; @@ -2774,13 +2908,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -2806,6 +2940,7 @@ background: #E3F2FD; color: #495057; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2899,9 +3034,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6c757d; @@ -2911,17 +3046,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -2951,12 +3086,12 @@ background: #2196F3; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #f8f9fa; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f8f9fa; } .p-datatable .p-datatable-loading-icon { @@ -3059,6 +3194,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3097,10 +3233,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3128,6 +3266,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3147,6 +3286,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } + .p-column-filter-overlay { background: #ffffff; color: #495057; @@ -3184,6 +3324,7 @@ border-top: 1px solid #dee2e6; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; @@ -3212,6 +3353,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3297,6 +3439,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #e9ecef; } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3305,6 +3448,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #495057; @@ -3343,6 +3487,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } + .p-paginator { background: #ffffff; color: #6c757d; @@ -3352,9 +3497,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #6c757d; @@ -3365,9 +3510,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: transparent; color: #495057; @@ -3424,6 +3569,7 @@ border-color: transparent; color: #495057; } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3509,6 +3655,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #e9ecef; } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3517,6 +3664,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #2196F3; border-radius: 50%; @@ -3528,19 +3676,20 @@ background-color: #dee2e6; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #dee2e6; background: #ffffff; @@ -3597,11 +3746,11 @@ color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3674,6 +3823,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3813,7 +3963,7 @@ background: #2196F3; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #f8f9fa; } .p-treetable .p-treetable-loading-icon { @@ -3874,6 +4024,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #f8f9fa; color: #495057; @@ -3898,6 +4049,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #dee2e6; @@ -3970,6 +4122,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-card { background: #ffffff; color: #495057; @@ -3995,6 +4148,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4018,6 +4172,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; @@ -4058,6 +4213,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem; @@ -4124,6 +4280,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; @@ -4134,6 +4291,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } + .p-splitter { border: 1px solid #dee2e6; background: #ffffff; @@ -4155,164 +4313,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 3px; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #495057; - border: 1px solid #e9ecef; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #6c757d; - font-weight: 600; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #E3F2FD; - color: #495057; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #495057; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #2196F3; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 1rem; - color: #495057; - } - .p-stepper .p-stepper-separator { - background-color: #dee2e6; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #495057; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #2196F3; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4381,6 +4382,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #f8f9fa; border: 1px solid #dee2e6; @@ -4391,6 +4393,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #495057; @@ -4438,6 +4441,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4510,6 +4514,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #495057; @@ -4551,6 +4556,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: #495057; @@ -4561,7 +4567,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6c757d; @@ -4571,13 +4577,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -4591,6 +4597,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #495057; color: #ffffff; @@ -4610,6 +4617,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #495057; } + .p-fileupload .p-fileupload-buttonbar { background: #f8f9fa; padding: 1rem; @@ -4649,6 +4657,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #0d89ec; color: #ffffff; @@ -4659,6 +4668,7 @@ color: #ffffff; border-color: #0b7ad1; } + .p-breadcrumb { background: #ffffff; border: 1px solid #dee2e6; @@ -4690,6 +4700,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6c757d; } + .p-contextmenu { padding: 0.25rem 0; background: #ffffff; @@ -4737,7 +4748,7 @@ color: #495057; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4751,7 +4762,7 @@ color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4762,7 +4773,7 @@ color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-separator { @@ -4776,6 +4787,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4799,31 +4811,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4882,7 +4895,7 @@ color: #495057; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4896,7 +4909,7 @@ color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4907,7 +4920,7 @@ color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-megamenu-panel { @@ -4965,9 +4978,10 @@ color: #495057; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } + .p-menu { padding: 0.25rem 0; background: #ffffff; @@ -5004,7 +5018,7 @@ color: #495057; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5018,7 +5032,7 @@ color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5029,7 +5043,7 @@ color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu.p-menu-overlay { @@ -5063,6 +5077,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #f8f9fa; @@ -5101,7 +5116,7 @@ color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5132,7 +5147,7 @@ color: #495057; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5146,7 +5161,7 @@ color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5157,7 +5172,7 @@ color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { @@ -5174,6 +5189,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5348,7 +5364,7 @@ color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5362,7 +5378,7 @@ color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5373,7 +5389,7 @@ color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5413,6 +5429,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-slidemenu { padding: 0.25rem 0; background: #ffffff; @@ -5455,7 +5472,7 @@ color: #495057; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5469,7 +5486,7 @@ color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5480,7 +5497,7 @@ color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu.p-slidemenu-overlay { @@ -5527,6 +5544,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5571,6 +5589,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dee2e6; @@ -5641,6 +5660,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #a6d5fa; } + .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; @@ -5691,7 +5711,7 @@ color: #495057; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5705,7 +5725,7 @@ color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5716,7 +5736,7 @@ color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-separator { @@ -5730,6 +5750,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5785,6 +5806,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5873,6 +5895,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5923,7 +5946,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #044868; } .p-toast .p-toast-message.p-toast-message-success { @@ -5933,7 +5956,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5943,7 +5966,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { @@ -5953,9 +5976,10 @@ color: #73000c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #73000c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5986,7 +6010,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6043,7 +6067,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6053,7 +6077,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6062,23 +6086,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6102,6 +6132,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #dee2e6; border-radius: 3px; @@ -6122,9 +6153,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #2196F3; color: #ffffff; @@ -6166,6 +6199,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #dee2e6; color: #495057; @@ -6201,6 +6235,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6215,15 +6250,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6231,19 +6270,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6303,6 +6347,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6318,6 +6363,7 @@ color: #ffffff; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6339,6 +6385,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #e9ecef; border-radius: 3px; @@ -6346,6 +6393,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #2196F3; color: #ffffff; @@ -6378,6 +6426,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #495057; @@ -6395,9 +6444,11 @@ .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #2196F3; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #2196F3; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #2196F3; } diff --git a/src/assets/components/themes/saga-green/theme.css b/src/assets/components/themes/saga-green/theme.css index f2af576b01f..5fbce6340f6 100644 --- a/src/assets/components/themes/saga-green/theme.css +++ b/src/assets/components/themes/saga-green/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.6; } + .p-error { color: #f44336; } + .p-text-secondary { color: #6c757d; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44336; } + .p-autocomplete-panel { background: #ffffff; color: #495057; @@ -427,9 +440,11 @@ color: #495057; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44336; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -437,19 +452,23 @@ color: #6c757d; right: 0.5rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #6c757d; right: 2.857rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #f44336; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: #4CAF50; } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -476,7 +495,7 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6c757d; @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #495057; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #4CAF50; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -664,10 +684,12 @@ color: #6c757d; right: 0.5rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #6c757d; right: 2.857rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f44336; } + .p-cascadeselect-panel { background: #ffffff; color: #495057; @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f8f9fa; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f44336; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -768,6 +794,7 @@ color: #6c757d; right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #3d8c40; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44336; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f8f9fa; } @@ -831,12 +861,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #3d8c40; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44336; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #4CAF50; } @@ -875,9 +908,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #f44336; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } @@ -885,22 +920,26 @@ color: #6c757d; right: 0.5rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #ffffff; border: 1px solid #ced4da; @@ -944,6 +983,7 @@ .p-dropdown.p-invalid.p-component { border-color: #f44336; } + .p-dropdown-panel { background: #ffffff; color: #495057; @@ -1007,6 +1047,7 @@ color: #495057; background: transparent; } + .p-input-filled .p-dropdown { background: #f8f9fa; } @@ -1019,14 +1060,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #f44336; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #e9ecef; color: #6c757d; @@ -1039,68 +1083,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #ced4da; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.5rem; color: #6c757d; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.5rem; color: #6c757d; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44336; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1108,9 +1162,11 @@ color: #6c757d; right: 0.5rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #f44336; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } @@ -1118,21 +1174,25 @@ color: #6c757d; right: 0.5rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.857rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.857rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1171,9 +1231,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #449e48; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f44336; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1206,54 +1268,69 @@ font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-float-label > label { left: 0.5rem; color: #6c757d; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #f44336; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.5rem; color: #6c757d; } + .p-input-icon-left > .p-inputtext { padding-left: 2rem; } + .p-input-icon-left.p-float-label > label { left: 2rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.5rem; color: #6c757d; } + .p-input-icon-right > .p-inputtext { padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2rem; } + .p-icon-field-left.p-float-label > label { left: 2rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2rem; } + ::-webkit-input-placeholder { color: #6c757d; } + :-moz-placeholder { color: #6c757d; } + ::-moz-placeholder { color: #6c757d; } + :-ms-input-placeholder { color: #6c757d; } + .p-input-filled .p-inputtext { background-color: #f8f9fa; } @@ -1263,14 +1340,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-listbox { background: #ffffff; color: #495057; @@ -1345,9 +1425,11 @@ box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: #4CAF50; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44336; } + .p-multiselect { background: #ffffff; border: 1px solid #ced4da; @@ -1387,9 +1469,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.5rem; } @@ -1397,6 +1481,7 @@ color: #6c757d; right: 2.357rem; } + .p-multiselect-panel { background: #ffffff; color: #495057; @@ -1485,6 +1570,7 @@ color: #495057; background: transparent; } + .p-input-filled .p-multiselect { background: #f8f9fa; } @@ -1494,12 +1580,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #f44336; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #f44336; } + .p-password-panel { padding: 1rem; background: #ffffff; @@ -1521,6 +1610,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #689f38; } + p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1528,6 +1618,7 @@ color: #6c757d; right: 0.5rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1535,6 +1626,7 @@ color: #6c757d; right: 2rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1572,9 +1664,11 @@ background: #3d8c40; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #f44336; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f8f9fa; } @@ -1587,9 +1681,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #3d8c40; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1620,6 +1716,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #c0392b; } + .p-selectbutton .p-button { background: #ffffff; border: 1px solid #ced4da; @@ -1627,7 +1724,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1636,7 +1733,7 @@ color: #495057; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button.p-highlight { @@ -1645,7 +1742,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1654,12 +1751,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #f44336; } + .p-slider { background: #dee2e6; border: 0 none; @@ -1711,6 +1810,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #ffffff; border: 1px solid #ced4da; @@ -1718,7 +1818,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1727,7 +1827,7 @@ color: #495057; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button.p-highlight { @@ -1736,7 +1836,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1745,12 +1845,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #f44336; } + .p-treeselect { background: #ffffff; border: 1px solid #ced4da; @@ -1787,12 +1889,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #f44336; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } + .p-treeselect-panel { background: #ffffff; color: #495057; @@ -1852,6 +1957,7 @@ color: #495057; background: transparent; } + .p-input-filled .p-treeselect { background: #f8f9fa; } @@ -1861,6 +1967,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.5rem; } @@ -1868,6 +1975,7 @@ color: #6c757d; right: 2.357rem; } + .p-button { color: #ffffff; background: #4CAF50; @@ -1979,7 +2087,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2006,6 +2114,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2018,414 +2127,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #607d8b; border: 1px solid #607d8b; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #56717d; color: #ffffff; border-color: #56717d; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #beccd2; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #4d646f; color: #ffffff; border-color: #4d646f; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #607d8b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); color: #607d8b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); color: #607d8b; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #607d8b; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; color: #607d8b; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; color: #607d8b; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0288d1; border: 1px solid #0288d1; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #027abc; color: #ffffff; border-color: #027abc; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #89d4fe; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #026da7; color: #ffffff; border-color: #026da7; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #0288d1; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); color: #0288d1; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(2, 136, 209, 0.16); color: #0288d1; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #0288d1; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; color: #0288d1; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; color: #0288d1; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689f38; border: 1px solid #689f38; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #5e8f32; color: #ffffff; border-color: #5e8f32; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #c2e0a8; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #537f2d; color: #ffffff; border-color: #537f2d; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #689f38; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); color: #689f38; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); color: #689f38; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #689f38; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; color: #689f38; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; color: #689f38; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #fbc02d; border: 1px solid #fbc02d; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #fab710; color: #212529; border-color: #fab710; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fde6ab; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #e8a704; color: #212529; border-color: #e8a704; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #fbc02d; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); color: #fbc02d; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); color: #fbc02d; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #fbc02d; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; color: #fbc02d; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; color: #fbc02d; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #9c27b0; border: 1px solid #9c27b0; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #8c239e; color: #ffffff; border-color: #8c239e; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #df9eea; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7d1f8d; color: #ffffff; border-color: #7d1f8d; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9c27b0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9c27b0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); color: #9c27b0; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #9c27b0; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9c27b0; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9c27b0; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #d32f2f; border: 1px solid #d32f2f; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c02929; color: #ffffff; border-color: #c02929; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #edacac; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #aa2424; color: #ffffff; border-color: #aa2424; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #d32f2f; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); color: #d32f2f; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); color: #d32f2f; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #d32f2f; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; color: #d32f2f; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; color: #d32f2f; } + .p-button.p-button-link { color: #3d8c40; background: transparent; @@ -2449,6 +2565,7 @@ color: #3d8c40; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2460,14 +2577,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2478,45 +2598,52 @@ background: #343a40; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2594,6 +2721,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #607d8b; @@ -2622,6 +2750,7 @@ border-color: transparent; color: #607d8b; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0288d1; @@ -2650,6 +2779,7 @@ border-color: transparent; color: #0288d1; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689f38; @@ -2678,6 +2808,7 @@ border-color: transparent; color: #689f38; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fbc02d; @@ -2706,6 +2837,7 @@ border-color: transparent; color: #fbc02d; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2734,6 +2866,7 @@ border-color: transparent; color: #9c27b0; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d32f2f; @@ -2762,8 +2895,9 @@ border-color: transparent; color: #d32f2f; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6c757d; @@ -2774,13 +2908,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -2806,6 +2940,7 @@ background: #E8F5E9; color: #495057; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2899,9 +3034,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6c757d; @@ -2911,17 +3046,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -2951,12 +3086,12 @@ background: #4CAF50; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #f8f9fa; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f8f9fa; } .p-datatable .p-datatable-loading-icon { @@ -3059,6 +3194,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3097,10 +3233,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3128,6 +3266,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3147,6 +3286,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } + .p-column-filter-overlay { background: #ffffff; color: #495057; @@ -3184,6 +3324,7 @@ border-top: 1px solid #dee2e6; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; @@ -3212,6 +3353,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3297,6 +3439,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #e9ecef; } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3305,6 +3448,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #495057; @@ -3343,6 +3487,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } + .p-paginator { background: #ffffff; color: #6c757d; @@ -3352,9 +3497,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #6c757d; @@ -3365,9 +3510,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: transparent; color: #495057; @@ -3424,6 +3569,7 @@ border-color: transparent; color: #495057; } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3509,6 +3655,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #e9ecef; } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3517,6 +3664,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #4CAF50; border-radius: 50%; @@ -3528,19 +3676,20 @@ background-color: #dee2e6; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #dee2e6; background: #ffffff; @@ -3597,11 +3746,11 @@ color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3674,6 +3823,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3813,7 +3963,7 @@ background: #4CAF50; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #f8f9fa; } .p-treetable .p-treetable-loading-icon { @@ -3874,6 +4024,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #f8f9fa; color: #495057; @@ -3898,6 +4049,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #dee2e6; @@ -3970,6 +4122,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-card { background: #ffffff; color: #495057; @@ -3995,6 +4148,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4018,6 +4172,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; @@ -4058,6 +4213,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem; @@ -4124,6 +4280,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; @@ -4134,6 +4291,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } + .p-splitter { border: 1px solid #dee2e6; background: #ffffff; @@ -4155,164 +4313,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 3px; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #495057; - border: 1px solid #e9ecef; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #6c757d; - font-weight: 600; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #E8F5E9; - color: #495057; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #495057; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #4CAF50; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 1rem; - color: #495057; - } - .p-stepper .p-stepper-separator { - background-color: #dee2e6; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #495057; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #4CAF50; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4381,6 +4382,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #f8f9fa; border: 1px solid #dee2e6; @@ -4391,6 +4393,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #495057; @@ -4438,6 +4441,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4510,6 +4514,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #495057; @@ -4551,6 +4556,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: #495057; @@ -4561,7 +4567,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6c757d; @@ -4571,13 +4577,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -4591,6 +4597,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #495057; color: #ffffff; @@ -4610,6 +4617,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #495057; } + .p-fileupload .p-fileupload-buttonbar { background: #f8f9fa; padding: 1rem; @@ -4649,6 +4657,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #449e48; color: #ffffff; @@ -4659,6 +4668,7 @@ color: #ffffff; border-color: #3d8c40; } + .p-breadcrumb { background: #ffffff; border: 1px solid #dee2e6; @@ -4690,6 +4700,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6c757d; } + .p-contextmenu { padding: 0.25rem 0; background: #ffffff; @@ -4737,7 +4748,7 @@ color: #495057; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4751,7 +4762,7 @@ color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4762,7 +4773,7 @@ color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-separator { @@ -4776,6 +4787,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4799,31 +4811,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4882,7 +4895,7 @@ color: #495057; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4896,7 +4909,7 @@ color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4907,7 +4920,7 @@ color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-megamenu-panel { @@ -4965,9 +4978,10 @@ color: #495057; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } + .p-menu { padding: 0.25rem 0; background: #ffffff; @@ -5004,7 +5018,7 @@ color: #495057; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5018,7 +5032,7 @@ color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5029,7 +5043,7 @@ color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu.p-menu-overlay { @@ -5063,6 +5077,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #f8f9fa; @@ -5101,7 +5116,7 @@ color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5132,7 +5147,7 @@ color: #495057; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5146,7 +5161,7 @@ color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5157,7 +5172,7 @@ color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { @@ -5174,6 +5189,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5348,7 +5364,7 @@ color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5362,7 +5378,7 @@ color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5373,7 +5389,7 @@ color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5413,6 +5429,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-slidemenu { padding: 0.25rem 0; background: #ffffff; @@ -5455,7 +5472,7 @@ color: #495057; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5469,7 +5486,7 @@ color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5480,7 +5497,7 @@ color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu.p-slidemenu-overlay { @@ -5527,6 +5544,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5571,6 +5589,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dee2e6; @@ -5641,6 +5660,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #b7e0b8; } + .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; @@ -5691,7 +5711,7 @@ color: #495057; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5705,7 +5725,7 @@ color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5716,7 +5736,7 @@ color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-separator { @@ -5730,6 +5750,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5785,6 +5806,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5873,6 +5895,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5923,7 +5946,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #044868; } .p-toast .p-toast-message.p-toast-message-success { @@ -5933,7 +5956,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5943,7 +5966,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { @@ -5953,9 +5976,10 @@ color: #73000c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #73000c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5986,7 +6010,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6043,7 +6067,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6053,7 +6077,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6062,23 +6086,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6102,6 +6132,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #dee2e6; border-radius: 3px; @@ -6122,9 +6153,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #4CAF50; color: #ffffff; @@ -6166,6 +6199,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #dee2e6; color: #495057; @@ -6201,6 +6235,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6215,15 +6250,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6231,19 +6270,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6303,6 +6347,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6318,6 +6363,7 @@ color: #ffffff; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6339,6 +6385,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #e9ecef; border-radius: 3px; @@ -6346,6 +6393,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #4CAF50; color: #ffffff; @@ -6378,6 +6426,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #495057; @@ -6395,9 +6444,11 @@ .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #4CAF50; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #4CAF50; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #4CAF50; } diff --git a/src/assets/components/themes/saga-orange/theme.css b/src/assets/components/themes/saga-orange/theme.css index 12d52852417..05908bf0072 100644 --- a/src/assets/components/themes/saga-orange/theme.css +++ b/src/assets/components/themes/saga-orange/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.6; } + .p-error { color: #f44336; } + .p-text-secondary { color: #6c757d; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44336; } + .p-autocomplete-panel { background: #ffffff; color: #495057; @@ -427,9 +440,11 @@ color: #495057; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44336; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -437,19 +452,23 @@ color: #6c757d; right: 0.5rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #6c757d; right: 2.857rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #f44336; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; border-color: #FFC107; } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -476,7 +495,7 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6c757d; @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #495057; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #FFC107; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -664,10 +684,12 @@ color: #6c757d; right: 0.5rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #6c757d; right: 2.857rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f44336; } + .p-cascadeselect-panel { background: #ffffff; color: #495057; @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f8f9fa; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f44336; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -768,6 +794,7 @@ color: #6c757d; right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #d29d00; color: #212529; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44336; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f8f9fa; } @@ -831,12 +861,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #d29d00; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44336; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #FFC107; } @@ -875,9 +908,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #f44336; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } @@ -885,22 +920,26 @@ color: #6c757d; right: 0.5rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #ffffff; border: 1px solid #ced4da; @@ -944,6 +983,7 @@ .p-dropdown.p-invalid.p-component { border-color: #f44336; } + .p-dropdown-panel { background: #ffffff; color: #495057; @@ -1007,6 +1047,7 @@ color: #495057; background: transparent; } + .p-input-filled .p-dropdown { background: #f8f9fa; } @@ -1019,14 +1060,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #f44336; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #e9ecef; color: #6c757d; @@ -1039,68 +1083,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #ced4da; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.5rem; color: #6c757d; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.5rem; color: #6c757d; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44336; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1108,9 +1162,11 @@ color: #6c757d; right: 0.5rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #f44336; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } @@ -1118,21 +1174,25 @@ color: #6c757d; right: 0.5rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.857rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.857rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1171,9 +1231,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #ecb100; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f44336; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1206,54 +1268,69 @@ font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-float-label > label { left: 0.5rem; color: #6c757d; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #f44336; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.5rem; color: #6c757d; } + .p-input-icon-left > .p-inputtext { padding-left: 2rem; } + .p-input-icon-left.p-float-label > label { left: 2rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.5rem; color: #6c757d; } + .p-input-icon-right > .p-inputtext { padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2rem; } + .p-icon-field-left.p-float-label > label { left: 2rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2rem; } + ::-webkit-input-placeholder { color: #6c757d; } + :-moz-placeholder { color: #6c757d; } + ::-moz-placeholder { color: #6c757d; } + :-ms-input-placeholder { color: #6c757d; } + .p-input-filled .p-inputtext { background-color: #f8f9fa; } @@ -1263,14 +1340,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-listbox { background: #ffffff; color: #495057; @@ -1345,9 +1425,11 @@ box-shadow: 0 0 0 0.2rem #ffe69c; border-color: #FFC107; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44336; } + .p-multiselect { background: #ffffff; border: 1px solid #ced4da; @@ -1387,9 +1469,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.5rem; } @@ -1397,6 +1481,7 @@ color: #6c757d; right: 2.357rem; } + .p-multiselect-panel { background: #ffffff; color: #495057; @@ -1485,6 +1570,7 @@ color: #495057; background: transparent; } + .p-input-filled .p-multiselect { background: #f8f9fa; } @@ -1494,12 +1580,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #f44336; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #f44336; } + .p-password-panel { padding: 1rem; background: #ffffff; @@ -1521,6 +1610,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #689f38; } + p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1528,6 +1618,7 @@ color: #6c757d; right: 0.5rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1535,6 +1626,7 @@ color: #6c757d; right: 2rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1572,9 +1664,11 @@ background: #d29d00; color: #212529; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #f44336; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f8f9fa; } @@ -1587,9 +1681,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #d29d00; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1620,6 +1716,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #c0392b; } + .p-selectbutton .p-button { background: #ffffff; border: 1px solid #ced4da; @@ -1627,7 +1724,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1636,7 +1733,7 @@ color: #495057; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button.p-highlight { @@ -1645,7 +1742,7 @@ color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #212529; } .p-selectbutton .p-button.p-highlight:hover { @@ -1654,12 +1751,14 @@ color: #212529; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #f44336; } + .p-slider { background: #dee2e6; border: 0 none; @@ -1711,6 +1810,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #ffffff; border: 1px solid #ced4da; @@ -1718,7 +1818,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1727,7 +1827,7 @@ color: #495057; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button.p-highlight { @@ -1736,7 +1836,7 @@ color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #212529; } .p-togglebutton.p-button.p-highlight:hover { @@ -1745,12 +1845,14 @@ color: #212529; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #f44336; } + .p-treeselect { background: #ffffff; border: 1px solid #ced4da; @@ -1787,12 +1889,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #f44336; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } + .p-treeselect-panel { background: #ffffff; color: #495057; @@ -1852,6 +1957,7 @@ color: #495057; background: transparent; } + .p-input-filled .p-treeselect { background: #f8f9fa; } @@ -1861,6 +1967,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.5rem; } @@ -1868,6 +1975,7 @@ color: #6c757d; right: 2.357rem; } + .p-button { color: #212529; background: #FFC107; @@ -1979,7 +2087,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2006,6 +2114,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2018,414 +2127,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #607d8b; border: 1px solid #607d8b; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #56717d; color: #ffffff; border-color: #56717d; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #beccd2; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #4d646f; color: #ffffff; border-color: #4d646f; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #607d8b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); color: #607d8b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); color: #607d8b; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #607d8b; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; color: #607d8b; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; color: #607d8b; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0288d1; border: 1px solid #0288d1; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #027abc; color: #ffffff; border-color: #027abc; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #89d4fe; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #026da7; color: #ffffff; border-color: #026da7; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #0288d1; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); color: #0288d1; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(2, 136, 209, 0.16); color: #0288d1; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #0288d1; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; color: #0288d1; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; color: #0288d1; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689f38; border: 1px solid #689f38; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #5e8f32; color: #ffffff; border-color: #5e8f32; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #c2e0a8; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #537f2d; color: #ffffff; border-color: #537f2d; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #689f38; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); color: #689f38; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); color: #689f38; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #689f38; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; color: #689f38; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; color: #689f38; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #fbc02d; border: 1px solid #fbc02d; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #fab710; color: #212529; border-color: #fab710; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fde6ab; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #e8a704; color: #212529; border-color: #e8a704; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #fbc02d; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); color: #fbc02d; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); color: #fbc02d; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #fbc02d; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; color: #fbc02d; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; color: #fbc02d; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #9c27b0; border: 1px solid #9c27b0; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #8c239e; color: #ffffff; border-color: #8c239e; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #df9eea; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7d1f8d; color: #ffffff; border-color: #7d1f8d; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9c27b0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9c27b0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); color: #9c27b0; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #9c27b0; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9c27b0; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9c27b0; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #d32f2f; border: 1px solid #d32f2f; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c02929; color: #ffffff; border-color: #c02929; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #edacac; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #aa2424; color: #ffffff; border-color: #aa2424; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #d32f2f; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); color: #d32f2f; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); color: #d32f2f; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #d32f2f; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; color: #d32f2f; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; color: #d32f2f; } + .p-button.p-button-link { color: #d29d00; background: transparent; @@ -2449,6 +2565,7 @@ color: #d29d00; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2460,14 +2577,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2478,45 +2598,52 @@ background: #343a40; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2594,6 +2721,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #607d8b; @@ -2622,6 +2750,7 @@ border-color: transparent; color: #607d8b; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0288d1; @@ -2650,6 +2779,7 @@ border-color: transparent; color: #0288d1; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689f38; @@ -2678,6 +2808,7 @@ border-color: transparent; color: #689f38; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fbc02d; @@ -2706,6 +2837,7 @@ border-color: transparent; color: #fbc02d; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2734,6 +2866,7 @@ border-color: transparent; color: #9c27b0; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d32f2f; @@ -2762,8 +2895,9 @@ border-color: transparent; color: #d32f2f; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6c757d; @@ -2774,13 +2908,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -2806,6 +2940,7 @@ background: #FFF3E0; color: #495057; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2899,9 +3034,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6c757d; @@ -2911,17 +3046,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -2951,12 +3086,12 @@ background: #FFC107; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #f8f9fa; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f8f9fa; } .p-datatable .p-datatable-loading-icon { @@ -3059,6 +3194,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3097,10 +3233,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3128,6 +3266,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3147,6 +3286,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } + .p-column-filter-overlay { background: #ffffff; color: #495057; @@ -3184,6 +3324,7 @@ border-top: 1px solid #dee2e6; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; @@ -3212,6 +3353,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3297,6 +3439,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #e9ecef; } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3305,6 +3448,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #495057; @@ -3343,6 +3487,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } + .p-paginator { background: #ffffff; color: #6c757d; @@ -3352,9 +3497,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #6c757d; @@ -3365,9 +3510,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: transparent; color: #495057; @@ -3424,6 +3569,7 @@ border-color: transparent; color: #495057; } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3509,6 +3655,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #e9ecef; } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3517,6 +3664,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #FFC107; border-radius: 50%; @@ -3528,19 +3676,20 @@ background-color: #dee2e6; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #dee2e6; background: #ffffff; @@ -3597,11 +3746,11 @@ color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3674,6 +3823,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3813,7 +3963,7 @@ background: #FFC107; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #f8f9fa; } .p-treetable .p-treetable-loading-icon { @@ -3874,6 +4024,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #f8f9fa; color: #495057; @@ -3898,6 +4049,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #dee2e6; @@ -3970,6 +4122,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-card { background: #ffffff; color: #495057; @@ -3995,6 +4148,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4018,6 +4172,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; @@ -4058,6 +4213,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem; @@ -4124,6 +4280,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; @@ -4134,6 +4291,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } + .p-splitter { border: 1px solid #dee2e6; background: #ffffff; @@ -4155,164 +4313,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 3px; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #495057; - border: 1px solid #e9ecef; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #6c757d; - font-weight: 600; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #FFF3E0; - color: #495057; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #495057; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #FFC107; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 1rem; - color: #495057; - } - .p-stepper .p-stepper-separator { - background-color: #dee2e6; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #495057; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #FFC107; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4381,6 +4382,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #f8f9fa; border: 1px solid #dee2e6; @@ -4391,6 +4393,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #495057; @@ -4438,6 +4441,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4510,6 +4514,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #495057; @@ -4551,6 +4556,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: #495057; @@ -4561,7 +4567,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6c757d; @@ -4571,13 +4577,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -4591,6 +4597,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #495057; color: #ffffff; @@ -4610,6 +4617,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #495057; } + .p-fileupload .p-fileupload-buttonbar { background: #f8f9fa; padding: 1rem; @@ -4649,6 +4657,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #ecb100; color: #212529; @@ -4659,6 +4668,7 @@ color: #212529; border-color: #d29d00; } + .p-breadcrumb { background: #ffffff; border: 1px solid #dee2e6; @@ -4690,6 +4700,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6c757d; } + .p-contextmenu { padding: 0.25rem 0; background: #ffffff; @@ -4737,7 +4748,7 @@ color: #495057; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4751,7 +4762,7 @@ color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4762,7 +4773,7 @@ color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-separator { @@ -4776,6 +4787,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4799,31 +4811,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4882,7 +4895,7 @@ color: #495057; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4896,7 +4909,7 @@ color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4907,7 +4920,7 @@ color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-megamenu-panel { @@ -4965,9 +4978,10 @@ color: #495057; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } + .p-menu { padding: 0.25rem 0; background: #ffffff; @@ -5004,7 +5018,7 @@ color: #495057; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5018,7 +5032,7 @@ color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5029,7 +5043,7 @@ color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu.p-menu-overlay { @@ -5063,6 +5077,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #f8f9fa; @@ -5101,7 +5116,7 @@ color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5132,7 +5147,7 @@ color: #495057; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5146,7 +5161,7 @@ color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5157,7 +5172,7 @@ color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { @@ -5174,6 +5189,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5348,7 +5364,7 @@ color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5362,7 +5378,7 @@ color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5373,7 +5389,7 @@ color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5413,6 +5429,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-slidemenu { padding: 0.25rem 0; background: #ffffff; @@ -5455,7 +5472,7 @@ color: #495057; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5469,7 +5486,7 @@ color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5480,7 +5497,7 @@ color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu.p-slidemenu-overlay { @@ -5527,6 +5544,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5571,6 +5589,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dee2e6; @@ -5641,6 +5660,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #ffe69c; } + .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; @@ -5691,7 +5711,7 @@ color: #495057; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5705,7 +5725,7 @@ color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5716,7 +5736,7 @@ color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-separator { @@ -5730,6 +5750,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5785,6 +5806,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5873,6 +5895,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5923,7 +5946,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #044868; } .p-toast .p-toast-message.p-toast-message-success { @@ -5933,7 +5956,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5943,7 +5966,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { @@ -5953,9 +5976,10 @@ color: #73000c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #73000c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5986,7 +6010,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6043,7 +6067,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6053,7 +6077,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6062,23 +6086,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6102,6 +6132,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #dee2e6; border-radius: 3px; @@ -6122,9 +6153,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #FFC107; color: #212529; @@ -6166,6 +6199,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #dee2e6; color: #495057; @@ -6201,6 +6235,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6215,15 +6250,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6231,19 +6270,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6303,6 +6347,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6318,6 +6363,7 @@ color: #212529; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6339,6 +6385,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #e9ecef; border-radius: 3px; @@ -6346,6 +6393,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #FFC107; color: #212529; @@ -6378,6 +6426,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #495057; @@ -6395,9 +6444,11 @@ .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #FFC107; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #FFC107; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #FFC107; } diff --git a/src/assets/components/themes/saga-purple/theme.css b/src/assets/components/themes/saga-purple/theme.css index f328f968321..1ff57aa6688 100644 --- a/src/assets/components/themes/saga-purple/theme.css +++ b/src/assets/components/themes/saga-purple/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.6; } + .p-error { color: #f44336; } + .p-text-secondary { color: #6c757d; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44336; } + .p-autocomplete-panel { background: #ffffff; color: #495057; @@ -427,9 +440,11 @@ color: #495057; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44336; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -437,19 +452,23 @@ color: #6c757d; right: 0.5rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #6c757d; right: 2.857rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #f44336; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; border-color: #9C27B0; } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -476,7 +495,7 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6c757d; @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #495057; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #9C27B0; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -664,10 +684,12 @@ color: #6c757d; right: 0.5rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #6c757d; right: 2.857rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f44336; } + .p-cascadeselect-panel { background: #ffffff; color: #495057; @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f8f9fa; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f44336; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -768,6 +794,7 @@ color: #6c757d; right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #7d1f8d; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44336; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f8f9fa; } @@ -831,12 +861,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #7d1f8d; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44336; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #9C27B0; } @@ -875,9 +908,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #f44336; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } @@ -885,22 +920,26 @@ color: #6c757d; right: 0.5rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #ffffff; border: 1px solid #ced4da; @@ -944,6 +983,7 @@ .p-dropdown.p-invalid.p-component { border-color: #f44336; } + .p-dropdown-panel { background: #ffffff; color: #495057; @@ -1007,6 +1047,7 @@ color: #495057; background: transparent; } + .p-input-filled .p-dropdown { background: #f8f9fa; } @@ -1019,14 +1060,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #f44336; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #e9ecef; color: #6c757d; @@ -1039,68 +1083,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #ced4da; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.5rem; color: #6c757d; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.5rem; color: #6c757d; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44336; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1108,9 +1162,11 @@ color: #6c757d; right: 0.5rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #f44336; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } @@ -1118,21 +1174,25 @@ color: #6c757d; right: 0.5rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.857rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.857rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1171,9 +1231,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #8c239e; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f44336; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1206,54 +1268,69 @@ font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-float-label > label { left: 0.5rem; color: #6c757d; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #f44336; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.5rem; color: #6c757d; } + .p-input-icon-left > .p-inputtext { padding-left: 2rem; } + .p-input-icon-left.p-float-label > label { left: 2rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.5rem; color: #6c757d; } + .p-input-icon-right > .p-inputtext { padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2rem; } + .p-icon-field-left.p-float-label > label { left: 2rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2rem; } + ::-webkit-input-placeholder { color: #6c757d; } + :-moz-placeholder { color: #6c757d; } + ::-moz-placeholder { color: #6c757d; } + :-ms-input-placeholder { color: #6c757d; } + .p-input-filled .p-inputtext { background-color: #f8f9fa; } @@ -1263,14 +1340,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-listbox { background: #ffffff; color: #495057; @@ -1345,9 +1425,11 @@ box-shadow: 0 0 0 0.2rem #df9eea; border-color: #9C27B0; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44336; } + .p-multiselect { background: #ffffff; border: 1px solid #ced4da; @@ -1387,9 +1469,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.5rem; } @@ -1397,6 +1481,7 @@ color: #6c757d; right: 2.357rem; } + .p-multiselect-panel { background: #ffffff; color: #495057; @@ -1485,6 +1570,7 @@ color: #495057; background: transparent; } + .p-input-filled .p-multiselect { background: #f8f9fa; } @@ -1494,12 +1580,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #f44336; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #f44336; } + .p-password-panel { padding: 1rem; background: #ffffff; @@ -1521,6 +1610,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #689f38; } + p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1528,6 +1618,7 @@ color: #6c757d; right: 0.5rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1535,6 +1626,7 @@ color: #6c757d; right: 2rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1572,9 +1664,11 @@ background: #7d1f8d; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #f44336; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f8f9fa; } @@ -1587,9 +1681,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #7d1f8d; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1620,6 +1716,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #c0392b; } + .p-selectbutton .p-button { background: #ffffff; border: 1px solid #ced4da; @@ -1627,7 +1724,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1636,7 +1733,7 @@ color: #495057; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button.p-highlight { @@ -1645,7 +1742,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1654,12 +1751,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #f44336; } + .p-slider { background: #dee2e6; border: 0 none; @@ -1711,6 +1810,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #ffffff; border: 1px solid #ced4da; @@ -1718,7 +1818,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1727,7 +1827,7 @@ color: #495057; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button.p-highlight { @@ -1736,7 +1836,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1745,12 +1845,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #f44336; } + .p-treeselect { background: #ffffff; border: 1px solid #ced4da; @@ -1787,12 +1889,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #f44336; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } + .p-treeselect-panel { background: #ffffff; color: #495057; @@ -1852,6 +1957,7 @@ color: #495057; background: transparent; } + .p-input-filled .p-treeselect { background: #f8f9fa; } @@ -1861,6 +1967,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.5rem; } @@ -1868,6 +1975,7 @@ color: #6c757d; right: 2.357rem; } + .p-button { color: #ffffff; background: #9C27B0; @@ -1979,7 +2087,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2006,6 +2114,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2018,414 +2127,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #607d8b; border: 1px solid #607d8b; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #56717d; color: #ffffff; border-color: #56717d; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #beccd2; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #4d646f; color: #ffffff; border-color: #4d646f; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #607d8b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); color: #607d8b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); color: #607d8b; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #607d8b; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; color: #607d8b; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; color: #607d8b; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0288d1; border: 1px solid #0288d1; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #027abc; color: #ffffff; border-color: #027abc; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #89d4fe; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #026da7; color: #ffffff; border-color: #026da7; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #0288d1; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); color: #0288d1; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(2, 136, 209, 0.16); color: #0288d1; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #0288d1; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; color: #0288d1; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; color: #0288d1; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689f38; border: 1px solid #689f38; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #5e8f32; color: #ffffff; border-color: #5e8f32; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #c2e0a8; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #537f2d; color: #ffffff; border-color: #537f2d; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #689f38; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); color: #689f38; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); color: #689f38; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #689f38; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; color: #689f38; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; color: #689f38; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #fbc02d; border: 1px solid #fbc02d; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #fab710; color: #212529; border-color: #fab710; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fde6ab; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #e8a704; color: #212529; border-color: #e8a704; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #fbc02d; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); color: #fbc02d; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); color: #fbc02d; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #fbc02d; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; color: #fbc02d; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; color: #fbc02d; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #9c27b0; border: 1px solid #9c27b0; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #8c239e; color: #ffffff; border-color: #8c239e; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #df9eea; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7d1f8d; color: #ffffff; border-color: #7d1f8d; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9c27b0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9c27b0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); color: #9c27b0; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #9c27b0; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9c27b0; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9c27b0; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #d32f2f; border: 1px solid #d32f2f; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c02929; color: #ffffff; border-color: #c02929; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #edacac; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #aa2424; color: #ffffff; border-color: #aa2424; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #d32f2f; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); color: #d32f2f; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); color: #d32f2f; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #d32f2f; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; color: #d32f2f; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; color: #d32f2f; } + .p-button.p-button-link { color: #7d1f8d; background: transparent; @@ -2449,6 +2565,7 @@ color: #7d1f8d; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2460,14 +2577,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2478,45 +2598,52 @@ background: #343a40; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2594,6 +2721,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #607d8b; @@ -2622,6 +2750,7 @@ border-color: transparent; color: #607d8b; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0288d1; @@ -2650,6 +2779,7 @@ border-color: transparent; color: #0288d1; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689f38; @@ -2678,6 +2808,7 @@ border-color: transparent; color: #689f38; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fbc02d; @@ -2706,6 +2837,7 @@ border-color: transparent; color: #fbc02d; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2734,6 +2866,7 @@ border-color: transparent; color: #9c27b0; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d32f2f; @@ -2762,8 +2895,9 @@ border-color: transparent; color: #d32f2f; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6c757d; @@ -2774,13 +2908,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -2806,6 +2940,7 @@ background: #F3E5F5; color: #495057; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2899,9 +3034,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6c757d; @@ -2911,17 +3046,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -2951,12 +3086,12 @@ background: #9C27B0; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #f8f9fa; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f8f9fa; } .p-datatable .p-datatable-loading-icon { @@ -3059,6 +3194,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3097,10 +3233,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3128,6 +3266,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3147,6 +3286,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } + .p-column-filter-overlay { background: #ffffff; color: #495057; @@ -3184,6 +3324,7 @@ border-top: 1px solid #dee2e6; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; @@ -3212,6 +3353,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3297,6 +3439,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #e9ecef; } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3305,6 +3448,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #495057; @@ -3343,6 +3487,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } + .p-paginator { background: #ffffff; color: #6c757d; @@ -3352,9 +3497,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #6c757d; @@ -3365,9 +3510,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: transparent; color: #495057; @@ -3424,6 +3569,7 @@ border-color: transparent; color: #495057; } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3509,6 +3655,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #e9ecef; } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3517,6 +3664,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #9C27B0; border-radius: 50%; @@ -3528,19 +3676,20 @@ background-color: #dee2e6; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #dee2e6; background: #ffffff; @@ -3597,11 +3746,11 @@ color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3674,6 +3823,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3813,7 +3963,7 @@ background: #9C27B0; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #f8f9fa; } .p-treetable .p-treetable-loading-icon { @@ -3874,6 +4024,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #f8f9fa; color: #495057; @@ -3898,6 +4049,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #dee2e6; @@ -3970,6 +4122,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-card { background: #ffffff; color: #495057; @@ -3995,6 +4148,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4018,6 +4172,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; @@ -4058,6 +4213,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem; @@ -4124,6 +4280,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; @@ -4134,6 +4291,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } + .p-splitter { border: 1px solid #dee2e6; background: #ffffff; @@ -4155,164 +4313,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 3px; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #495057; - border: 1px solid #e9ecef; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #6c757d; - font-weight: 600; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #F3E5F5; - color: #495057; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #495057; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #9C27B0; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 1rem; - color: #495057; - } - .p-stepper .p-stepper-separator { - background-color: #dee2e6; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #495057; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #9C27B0; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4381,6 +4382,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #f8f9fa; border: 1px solid #dee2e6; @@ -4391,6 +4393,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #495057; @@ -4438,6 +4441,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4510,6 +4514,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #495057; @@ -4551,6 +4556,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: #495057; @@ -4561,7 +4567,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6c757d; @@ -4571,13 +4577,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -4591,6 +4597,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #495057; color: #ffffff; @@ -4610,6 +4617,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #495057; } + .p-fileupload .p-fileupload-buttonbar { background: #f8f9fa; padding: 1rem; @@ -4649,6 +4657,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #8c239e; color: #ffffff; @@ -4659,6 +4668,7 @@ color: #ffffff; border-color: #7d1f8d; } + .p-breadcrumb { background: #ffffff; border: 1px solid #dee2e6; @@ -4690,6 +4700,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6c757d; } + .p-contextmenu { padding: 0.25rem 0; background: #ffffff; @@ -4737,7 +4748,7 @@ color: #495057; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4751,7 +4762,7 @@ color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4762,7 +4773,7 @@ color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-separator { @@ -4776,6 +4787,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4799,31 +4811,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4882,7 +4895,7 @@ color: #495057; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4896,7 +4909,7 @@ color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4907,7 +4920,7 @@ color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-megamenu-panel { @@ -4965,9 +4978,10 @@ color: #495057; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } + .p-menu { padding: 0.25rem 0; background: #ffffff; @@ -5004,7 +5018,7 @@ color: #495057; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5018,7 +5032,7 @@ color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5029,7 +5043,7 @@ color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu.p-menu-overlay { @@ -5063,6 +5077,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #f8f9fa; @@ -5101,7 +5116,7 @@ color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5132,7 +5147,7 @@ color: #495057; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5146,7 +5161,7 @@ color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5157,7 +5172,7 @@ color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { @@ -5174,6 +5189,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5348,7 +5364,7 @@ color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5362,7 +5378,7 @@ color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5373,7 +5389,7 @@ color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5413,6 +5429,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-slidemenu { padding: 0.25rem 0; background: #ffffff; @@ -5455,7 +5472,7 @@ color: #495057; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5469,7 +5486,7 @@ color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5480,7 +5497,7 @@ color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu.p-slidemenu-overlay { @@ -5527,6 +5544,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5571,6 +5589,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dee2e6; @@ -5641,6 +5660,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #df9eea; } + .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; @@ -5691,7 +5711,7 @@ color: #495057; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5705,7 +5725,7 @@ color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5716,7 +5736,7 @@ color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-separator { @@ -5730,6 +5750,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5785,6 +5806,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5873,6 +5895,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5923,7 +5946,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #044868; } .p-toast .p-toast-message.p-toast-message-success { @@ -5933,7 +5956,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5943,7 +5966,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { @@ -5953,9 +5976,10 @@ color: #73000c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #73000c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5986,7 +6010,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6043,7 +6067,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6053,7 +6077,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6062,23 +6086,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6102,6 +6132,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #dee2e6; border-radius: 3px; @@ -6122,9 +6153,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #9C27B0; color: #ffffff; @@ -6166,6 +6199,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #dee2e6; color: #495057; @@ -6201,6 +6235,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6215,15 +6250,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6231,19 +6270,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6303,6 +6347,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6318,6 +6363,7 @@ color: #ffffff; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6339,6 +6385,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #e9ecef; border-radius: 3px; @@ -6346,6 +6393,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #9C27B0; color: #ffffff; @@ -6378,6 +6426,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #495057; @@ -6395,9 +6444,11 @@ .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #9C27B0; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #9C27B0; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #9C27B0; } diff --git a/src/assets/components/themes/soho-dark/theme.css b/src/assets/components/themes/soho-dark/theme.css index 73452a692fb..d106c658d34 100644 --- a/src/assets/components/themes/soho-dark/theme.css +++ b/src/assets/components/themes/soho-dark/theme.css @@ -10,7 +10,7 @@ --text-color: rgba(255, 255, 255, 0.87); --text-color-secondary: rgba(255, 255, 255, 0.6); --primary-color: #b19df7; - --primary-color-text: hsl(234, 15%, 13%); + --primary-color-text: #1c1d26; --surface-0: #1d1e27; --surface-50: #34343d; --surface-100: #4a4b52; @@ -53,21 +53,24 @@ font-family: "Lato"; font-style: normal; font-weight: 300; - src: local("Lato Light"), local("Lato-Light"), url("./fonts/lato-v17-latin-ext_latin-300.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Lato Light"), local("Lato-Light"), url("./fonts/lato-v17-latin-ext_latin-300.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-300.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-regular - latin-ext_latin */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 400; - src: local("Lato Regular"), local("Lato-Regular"), url("./fonts/lato-v17-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Lato Regular"), local("Lato-Regular"), url("./fonts/lato-v17-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-700 - latin-ext_latin */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 700; - src: local("Lato Bold"), local("Lato-Bold"), url("./fonts/lato-v17-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Lato Bold"), local("Lato-Bold"), url("./fonts/lato-v17-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } :root { --blue-50:#f6fbfe; @@ -295,32 +298,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.4; } + .p-error { color: #ff9a9a; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -332,12 +343,15 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -354,6 +368,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -400,6 +415,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ff9a9a; } + .p-autocomplete-panel { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -446,9 +462,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ff9a9a; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -456,19 +474,23 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.75rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #ff9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; border-color: #b19df7; } + .p-datepicker { padding: 0.5rem; background: #282936; @@ -495,7 +517,7 @@ border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -505,13 +527,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -520,14 +542,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 700; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #b19df7; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -676,6 +698,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -683,10 +706,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.75rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -729,6 +754,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ff9a9a; } + .p-cascadeselect-panel { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -768,6 +794,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #3e4053; } @@ -777,9 +804,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #3e4053; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #ff9a9a; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -787,6 +816,7 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -795,6 +825,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 22px; height: 22px; @@ -810,7 +841,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: hsl(234, 15%, 13%); + color: #1c1d26; font-size: 14px; } .p-checkbox .p-checkbox-box .p-icon { @@ -833,11 +864,13 @@ .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #9378f4; background: #9378f4; - color: hsl(234, 15%, 13%); + color: #1c1d26; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ff9a9a; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #3e4053; } @@ -850,12 +883,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #9378f4; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ff9a9a; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #b19df7; } @@ -894,9 +930,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #ff9a9a; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -904,22 +942,26 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #282936; border: 1px solid #3e4053; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: rgba(255, 255, 255, 0.87); } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #1d1e27; border: 1px solid #3e4053; @@ -963,6 +1005,7 @@ .p-dropdown.p-invalid.p-component { border-color: #ff9a9a; } + .p-dropdown-panel { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -1026,6 +1069,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #3e4053; } @@ -1038,14 +1082,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #ff9a9a; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #282936; color: rgba(255, 255, 255, 0.6); @@ -1058,68 +1105,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #3e4053; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ff9a9a; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1127,9 +1184,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #ff9a9a; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1137,21 +1196,25 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.75rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1190,9 +1253,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #a28af5; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ff9a9a; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1225,54 +1290,69 @@ font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #ff9a9a; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { background-color: #3e4053; } @@ -1282,14 +1362,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #3e4053; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-listbox { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -1364,9 +1447,11 @@ box-shadow: 0 0 0 1px #e0d8fc; border-color: #b19df7; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ff9a9a; } + .p-multiselect { background: #1d1e27; border: 1px solid #3e4053; @@ -1406,9 +1491,11 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1416,6 +1503,7 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-multiselect-panel { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -1504,6 +1592,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #3e4053; } @@ -1513,12 +1602,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #3e4053; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #ff9a9a; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #ff9a9a; } + .p-password-panel { padding: 1.25rem; background: #282936; @@ -1540,6 +1632,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #93deac; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1547,6 +1640,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1554,6 +1648,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } + .p-radiobutton { width: 22px; height: 22px; @@ -1580,7 +1675,7 @@ width: 12px; height: 12px; transition-duration: 0.2s; - background-color: hsl(234, 15%, 13%); + background-color: #1c1d26; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #b19df7; @@ -1589,11 +1684,13 @@ .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #9378f4; background: #9378f4; - color: hsl(234, 15%, 13%); + color: #1c1d26; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #ff9a9a; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #3e4053; } @@ -1606,9 +1703,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #9378f4; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1639,6 +1738,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f48fb1; } + .p-selectbutton .p-button { background: #282936; border: 1px solid #3e4053; @@ -1646,7 +1746,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1655,30 +1755,32 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { background: #b19df7; border-color: #b19df7; - color: hsl(234, 15%, 13%); + color: #1c1d26; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: hsl(234, 15%, 13%); +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #1c1d26; } .p-selectbutton .p-button.p-highlight:hover { background: #a28af5; border-color: #a28af5; - color: hsl(234, 15%, 13%); + color: #1c1d26; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: hsl(234, 15%, 13%); +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #1c1d26; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #ff9a9a; } + .p-slider { background: #3e4053; border: 0 none; @@ -1730,6 +1832,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #282936; border: 1px solid #3e4053; @@ -1737,7 +1840,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1746,30 +1849,32 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { background: #b19df7; border-color: #b19df7; - color: hsl(234, 15%, 13%); + color: #1c1d26; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: hsl(234, 15%, 13%); +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #1c1d26; } .p-togglebutton.p-button.p-highlight:hover { background: #a28af5; border-color: #a28af5; - color: hsl(234, 15%, 13%); + color: #1c1d26; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: hsl(234, 15%, 13%); +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #1c1d26; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #ff9a9a; } + .p-treeselect { background: #1d1e27; border: 1px solid #3e4053; @@ -1806,12 +1911,15 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #ff9a9a; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } + .p-treeselect-panel { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -1871,6 +1979,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #3e4053; } @@ -1880,6 +1989,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #3e4053; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1887,8 +1997,9 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-button { - color: hsl(234, 15%, 13%); + color: #1c1d26; background: #b19df7; border: 1px solid #b19df7; padding: 0.75rem 1.25rem; @@ -1898,12 +2009,12 @@ } .p-button:not(:disabled):hover { background: #a28af5; - color: hsl(234, 15%, 13%); + color: #1c1d26; border-color: #a28af5; } .p-button:not(:disabled):active { background: #9378f4; - color: hsl(234, 15%, 13%); + color: #1c1d26; border-color: #9378f4; } .p-button.p-button-outlined { @@ -1985,7 +2096,7 @@ height: 1rem; line-height: 1rem; color: #b19df7; - background-color: hsl(234, 15%, 13%); + background-color: #1c1d26; } .p-button.p-button-raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -1998,7 +2109,7 @@ padding: 0.75rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2025,6 +2136,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2037,414 +2149,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #1d1e27; background: #d4ea93; border: 1px solid #d4ea93; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #c7e473; color: #1d1e27; border-color: #c7e473; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #e1f0b3; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #bbde53; color: #1d1e27; border-color: #bbde53; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #d4ea93; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(212, 234, 147, 0.04); color: #d4ea93; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(212, 234, 147, 0.16); color: #d4ea93; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #d4ea93; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(212, 234, 147, 0.04); border-color: transparent; color: #d4ea93; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(212, 234, 147, 0.16); border-color: transparent; color: #d4ea93; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #1d1e27; background: #9bcaff; border: 1px solid #9bcaff; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #72b4ff; color: #1d1e27; border-color: #72b4ff; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #b9daff; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #499fff; color: #1d1e27; border-color: #499fff; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #9bcaff; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(155, 202, 255, 0.04); color: #9bcaff; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(155, 202, 255, 0.16); color: #9bcaff; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #9bcaff; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(155, 202, 255, 0.04); border-color: transparent; color: #9bcaff; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(155, 202, 255, 0.16); border-color: transparent; color: #9bcaff; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #1d1e27; background: #93deac; border: 1px solid #93deac; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #77d596; color: #1d1e27; border-color: #77d596; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #b3e8c5; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #5acd81; color: #1d1e27; border-color: #5acd81; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #93deac; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(147, 222, 172, 0.04); color: #93deac; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(147, 222, 172, 0.16); color: #93deac; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #93deac; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(147, 222, 172, 0.04); border-color: transparent; color: #93deac; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(147, 222, 172, 0.16); border-color: transparent; color: #93deac; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #1d1e27; background: #ffcf91; border: 1px solid #ffcf91; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffbe69; color: #1d1e27; border-color: #ffbe69; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffddb2; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffac41; color: #1d1e27; border-color: #ffac41; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffcf91; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 207, 145, 0.04); color: #ffcf91; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 207, 145, 0.16); color: #ffcf91; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffcf91; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 207, 145, 0.04); border-color: transparent; color: #ffcf91; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 207, 145, 0.16); border-color: transparent; color: #ffcf91; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #1d1e27; background: #86e0e7; border: 1px solid #86e0e7; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #68d8e1; color: #1d1e27; border-color: #68d8e1; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #aae9ee; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #49d0db; color: #1d1e27; border-color: #49d0db; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #86e0e7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(134, 224, 231, 0.04); color: #86e0e7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(134, 224, 231, 0.16); color: #86e0e7; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #86e0e7; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(134, 224, 231, 0.04); border-color: transparent; color: #86e0e7; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(134, 224, 231, 0.16); border-color: transparent; color: #86e0e7; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #1d1e27; background: #eb9a9c; border: 1px solid #eb9a9c; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #e57a7c; color: #1d1e27; border-color: #e57a7c; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f1b8ba; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #de595c; color: #1d1e27; border-color: #de595c; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #eb9a9c; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(235, 154, 156, 0.04); color: #eb9a9c; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(235, 154, 156, 0.16); color: #eb9a9c; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #eb9a9c; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(235, 154, 156, 0.04); border-color: transparent; color: #eb9a9c; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(235, 154, 156, 0.16); border-color: transparent; color: #eb9a9c; } + .p-button.p-button-link { color: #b19df7; background: transparent; @@ -2468,6 +2587,7 @@ color: #b19df7; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2479,14 +2599,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2497,45 +2620,52 @@ background: rgba(255, 255, 255, 0.6); color: #1d1e27; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 6px; } @@ -2613,6 +2743,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #d4ea93; @@ -2641,6 +2772,7 @@ border-color: transparent; color: #d4ea93; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #9bcaff; @@ -2669,6 +2801,7 @@ border-color: transparent; color: #9bcaff; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #93deac; @@ -2697,6 +2830,7 @@ border-color: transparent; color: #93deac; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffcf91; @@ -2725,6 +2859,7 @@ border-color: transparent; color: #ffcf91; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #86e0e7; @@ -2753,6 +2888,7 @@ border-color: transparent; color: #86e0e7; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #eb9a9c; @@ -2781,8 +2917,9 @@ border-color: transparent; color: #eb9a9c; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2793,13 +2930,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -2825,6 +2962,7 @@ background: rgba(177, 157, 247, 0.16); color: #b19df7; } + .p-datatable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -2918,9 +3056,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2930,17 +3068,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -2970,12 +3108,12 @@ background: #b19df7; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #282936; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #282936; } .p-datatable .p-datatable-loading-icon { @@ -3078,6 +3216,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3116,10 +3255,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3147,6 +3288,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3166,6 +3308,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } + .p-column-filter-overlay { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -3203,6 +3346,7 @@ border-top: 1px solid #3e4053; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; border-bottom: 1px solid #3e4053; @@ -3231,6 +3375,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } + .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3316,6 +3461,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3324,6 +3470,7 @@ background: #282936; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3362,6 +3509,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } + .p-paginator { background: #282936; color: rgba(255, 255, 255, 0.6); @@ -3371,9 +3519,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3384,9 +3532,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); border-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -3443,6 +3591,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3528,6 +3677,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3536,30 +3686,32 @@ background: #282936; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #b19df7; border-radius: 50%; width: 1rem; height: 1rem; - background-color: hsl(234, 15%, 13%); + background-color: #1c1d26; } .p-timeline .p-timeline-event-connector { background-color: #3e4053; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #3e4053; background: #282936; @@ -3616,11 +3768,11 @@ color: #b19df7; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #b19df7; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #b19df7; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3693,6 +3845,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } + .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3832,7 +3985,7 @@ background: #b19df7; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #282936; } .p-treetable .p-treetable-loading-icon { @@ -3893,6 +4046,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #282936; color: rgba(255, 255, 255, 0.6); @@ -3917,6 +4071,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 1px solid #3e4053; @@ -3965,6 +4120,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } + .p-card { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -3990,6 +4146,7 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } + .p-divider .p-divider-content { background-color: #282936; } @@ -4013,6 +4170,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #3e4053; background: #282936; @@ -4053,6 +4211,7 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } + .p-panel .p-panel-header { border: 1px solid #3e4053; padding: 1.25rem; @@ -4119,6 +4278,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #3e4053; border: 0 none; @@ -4129,6 +4289,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } + .p-splitter { border: 1px solid #3e4053; background: #282936; @@ -4150,164 +4311,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #3e4053; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e0d8fc; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 6px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e0d8fc; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(177, 157, 247, 0.16); - color: #b19df7; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e0d8fc; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #b19df7; - } - .p-stepper .p-stepper-panels { - background: #282936; - padding: 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #3e4053; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #282936; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #b19df7; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4376,6 +4380,7 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } + .p-toolbar { background: #282936; border: 1px solid #3e4053; @@ -4386,6 +4391,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -4433,6 +4439,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4505,6 +4512,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -4517,7 +4525,7 @@ } .p-overlaypanel .p-overlaypanel-close { background: #b19df7; - color: hsl(234, 15%, 13%); + color: #1c1d26; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -4528,7 +4536,7 @@ } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #a28af5; - color: hsl(234, 15%, 13%); + color: #1c1d26; } .p-overlaypanel:after { border: solid transparent; @@ -4546,6 +4554,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #3e4053; } + .p-sidebar { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -4556,7 +4565,7 @@ padding: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4566,13 +4575,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -4586,6 +4595,7 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } + .p-tooltip .p-tooltip-text { background: #3e4053; color: rgba(255, 255, 255, 0.87); @@ -4605,6 +4615,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #3e4053; } + .p-fileupload .p-fileupload-buttonbar { background: #282936; padding: 1.25rem; @@ -4644,16 +4655,18 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #a28af5; - color: hsl(234, 15%, 13%); + color: #1c1d26; border-color: #a28af5; } .p-fileupload-choose:not(.p-disabled):active { background: #9378f4; - color: hsl(234, 15%, 13%); + color: #1c1d26; border-color: #9378f4; } + .p-breadcrumb { background: #333544; border: 1px solid #3e4053; @@ -4685,6 +4698,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.25rem 0; background: #333544; @@ -4732,7 +4746,7 @@ color: #b19df7; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #b19df7; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4746,7 +4760,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4757,7 +4771,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4771,6 +4785,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4794,31 +4809,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4877,7 +4893,7 @@ color: #b19df7; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #b19df7; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4891,7 +4907,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4902,7 +4918,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -4960,9 +4976,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } + .p-menu { padding: 0.25rem 0; background: #333544; @@ -4999,7 +5016,7 @@ color: #b19df7; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #b19df7; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5013,7 +5030,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5024,7 +5041,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5047,7 +5064,7 @@ } .p-menu .p-menuitem-badge { background: #b19df7; - color: hsl(234, 15%, 13%); + color: #1c1d26; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5058,6 +5075,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #333544; @@ -5096,7 +5114,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5127,7 +5145,7 @@ color: #b19df7; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #b19df7; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5141,7 +5159,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5152,7 +5170,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5169,6 +5187,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5343,7 +5362,7 @@ color: #b19df7; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #b19df7; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5357,7 +5376,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5368,7 +5387,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5384,6 +5403,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } + .p-slidemenu { padding: 0.25rem 0; background: #333544; @@ -5426,7 +5446,7 @@ color: #b19df7; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #b19df7; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5440,7 +5460,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5451,7 +5471,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5487,7 +5507,7 @@ } .p-slidemenu .p-menuitem-badge { background: #b19df7; - color: hsl(234, 15%, 13%); + color: #1c1d26; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5498,6 +5518,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5542,6 +5563,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #3e4053; @@ -5549,7 +5571,7 @@ } .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { background: #b19df7; - color: hsl(234, 15%, 13%); + color: #1c1d26; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5612,6 +5634,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #e0d8fc; } + .p-tieredmenu { padding: 0.25rem 0; background: #333544; @@ -5662,7 +5685,7 @@ color: #b19df7; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #b19df7; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5676,7 +5699,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5687,7 +5710,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5701,6 +5724,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5756,6 +5780,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 6px; @@ -5844,6 +5869,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5894,7 +5920,7 @@ color: #696cff; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #696cff; } .p-toast .p-toast-message.p-toast-message-success { @@ -5904,7 +5930,7 @@ color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5914,7 +5940,7 @@ color: #cc8925; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #cc8925; } .p-toast .p-toast-message.p-toast-message-error { @@ -5924,9 +5950,10 @@ color: #ff5757; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #ff5757; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5957,7 +5984,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6014,7 +6041,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6024,7 +6051,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6033,23 +6060,29 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6073,6 +6106,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #3e4053; border-radius: 6px; @@ -6093,12 +6127,14 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #282936; } + .p-badge { background: #b19df7; - color: hsl(234, 15%, 13%); + color: #1c1d26; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -6137,6 +6173,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #3e4053; color: rgba(255, 255, 255, 0.87); @@ -6172,6 +6209,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6186,15 +6224,19 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6202,19 +6244,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6274,6 +6321,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6286,9 +6334,10 @@ background: #b19df7; } .p-progressbar .p-progressbar-label { - color: hsl(234, 15%, 13%); + color: #1c1d26; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6310,6 +6359,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 6px; @@ -6317,9 +6367,10 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #b19df7; - color: hsl(234, 15%, 13%); + color: #1c1d26; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -6349,6 +6400,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -6365,12 +6417,14 @@ .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #b19df7; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #b19df7; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #b19df7; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #b19df7; } diff --git a/src/assets/components/themes/soho-light/theme.css b/src/assets/components/themes/soho-light/theme.css index 20f4600a895..39c5e9da81c 100644 --- a/src/assets/components/themes/soho-light/theme.css +++ b/src/assets/components/themes/soho-light/theme.css @@ -53,21 +53,24 @@ font-family: "Lato"; font-style: normal; font-weight: 300; - src: local("Lato Light"), local("Lato-Light"), url("./fonts/lato-v17-latin-ext_latin-300.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Lato Light"), local("Lato-Light"), url("./fonts/lato-v17-latin-ext_latin-300.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-300.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-regular - latin-ext_latin */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 400; - src: local("Lato Regular"), local("Lato-Regular"), url("./fonts/lato-v17-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Lato Regular"), local("Lato-Regular"), url("./fonts/lato-v17-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-700 - latin-ext_latin */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 700; - src: local("Lato Bold"), local("Lato-Bold"), url("./fonts/lato-v17-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local("Lato Bold"), local("Lato-Bold"), url("./fonts/lato-v17-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } :root { --blue-50:#f6fbfe; @@ -295,32 +298,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.6; } + .p-error { color: #ff6767; } + .p-text-secondary { color: #708da9; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -332,12 +343,15 @@ outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -354,6 +368,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -400,6 +415,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ff6767; } + .p-autocomplete-panel { background: #ffffff; color: #043d75; @@ -446,9 +462,11 @@ color: #043d75; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ff6767; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -456,19 +474,23 @@ color: #708da9; right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #708da9; right: 3.75rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #ff6767; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; border-color: #7254f3; } + .p-datepicker { padding: 0.5rem; background: linear-gradient(90deg, #7254f3 0%, #9554f3 100%); @@ -495,7 +517,7 @@ border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #708da9; @@ -505,13 +527,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #043d75; border-color: transparent; background: #f6f9fc; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -520,14 +542,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #ffffff; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 700; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #7254f3; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -676,6 +698,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -683,10 +706,12 @@ color: #708da9; right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #708da9; right: 3.75rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -729,6 +754,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ff6767; } + .p-cascadeselect-panel { background: #ffffff; color: #043d75; @@ -768,6 +794,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f6f9fc; } @@ -777,9 +804,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #ff6767; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -787,6 +816,7 @@ color: #708da9; right: 3rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -795,6 +825,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 22px; height: 22px; @@ -835,9 +866,11 @@ background: #5935f1; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ff6767; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f6f9fc; } @@ -850,12 +883,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #5935f1; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ff6767; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #7254f3; } @@ -894,9 +930,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #ff6767; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -904,22 +942,26 @@ color: #708da9; right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } + .p-dropdown { background: #ffffff; border: 1px solid #d3dbe3; @@ -963,6 +1005,7 @@ .p-dropdown.p-invalid.p-component { border-color: #ff6767; } + .p-dropdown-panel { background: #ffffff; color: #043d75; @@ -1026,6 +1069,7 @@ color: #043d75; background: transparent; } + .p-input-filled .p-dropdown { background: #f6f9fc; } @@ -1038,14 +1082,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #ff6767; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #f6f9fc; color: #708da9; @@ -1058,68 +1105,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #d3dbe3; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: #708da9; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: #708da9; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ff6767; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1127,9 +1184,11 @@ color: #708da9; right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #ff6767; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1137,21 +1196,25 @@ color: #708da9; right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.75rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1190,9 +1253,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #6545f2; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ff6767; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1225,54 +1290,69 @@ font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: #708da9; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #ff6767; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: #708da9; } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: #708da9; } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: #708da9; } + :-moz-placeholder { color: #708da9; } + ::-moz-placeholder { color: #708da9; } + :-ms-input-placeholder { color: #708da9; } + .p-input-filled .p-inputtext { background-color: #f6f9fc; } @@ -1282,14 +1362,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-listbox { background: #ffffff; color: #043d75; @@ -1364,9 +1447,11 @@ box-shadow: 0 0 0 1px #c7bbfa; border-color: #7254f3; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ff6767; } + .p-multiselect { background: #ffffff; border: 1px solid #d3dbe3; @@ -1406,9 +1491,11 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1416,6 +1503,7 @@ color: #708da9; right: 3rem; } + .p-multiselect-panel { background: #ffffff; color: #043d75; @@ -1504,6 +1592,7 @@ color: #043d75; background: transparent; } + .p-input-filled .p-multiselect { background: #f6f9fc; } @@ -1513,12 +1602,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #ff6767; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #ff6767; } + .p-password-panel { padding: 1.25rem; background: #ffffff; @@ -1540,6 +1632,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #29c76f; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1547,6 +1640,7 @@ color: #708da9; right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1554,6 +1648,7 @@ color: #708da9; right: 2.5rem; } + .p-radiobutton { width: 22px; height: 22px; @@ -1591,9 +1686,11 @@ background: #5935f1; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #ff6767; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f6f9fc; } @@ -1606,9 +1703,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #5935f1; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1639,6 +1738,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #e73d3e; } + .p-selectbutton .p-button { background: #ffffff; border: 1px solid #d3dbe3; @@ -1646,7 +1746,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #708da9; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1655,7 +1755,7 @@ color: #043d75; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #708da9; } .p-selectbutton .p-button.p-highlight { @@ -1664,7 +1764,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1673,12 +1773,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #ff6767; } + .p-slider { background: #dfe7ef; border: 0 none; @@ -1730,6 +1832,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #ffffff; border: 1px solid #d3dbe3; @@ -1737,7 +1840,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #708da9; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1746,7 +1849,7 @@ color: #043d75; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #708da9; } .p-togglebutton.p-button.p-highlight { @@ -1755,7 +1858,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1764,12 +1867,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #ff6767; } + .p-treeselect { background: #ffffff; border: 1px solid #d3dbe3; @@ -1806,12 +1911,15 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #ff6767; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } + .p-treeselect-panel { background: #ffffff; color: #043d75; @@ -1871,6 +1979,7 @@ color: #043d75; background: transparent; } + .p-input-filled .p-treeselect { background: #f6f9fc; } @@ -1880,6 +1989,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1887,6 +1997,7 @@ color: #708da9; right: 3rem; } + .p-button { color: #ffffff; background: #7254f3; @@ -1998,7 +2109,7 @@ padding: 0.75rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2025,6 +2136,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2037,414 +2149,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #a1c30d; border: 1px solid #a1c30d; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #91b00c; color: #ffffff; border-color: #91b00c; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #e4f78e; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #819c0a; color: #ffffff; border-color: #819c0a; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #a1c30d; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(161, 195, 13, 0.04); color: #a1c30d; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(161, 195, 13, 0.16); color: #a1c30d; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #a1c30d; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(161, 195, 13, 0.04); border-color: transparent; color: #a1c30d; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(161, 195, 13, 0.16); border-color: transparent; color: #a1c30d; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #5486f3; border: 1px solid #5486f3; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #3570f1; color: #ffffff; border-color: #3570f1; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #bbcffa; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #175bef; color: #ffffff; border-color: #175bef; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #5486f3; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(84, 134, 243, 0.04); color: #5486f3; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(84, 134, 243, 0.16); color: #5486f3; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #5486f3; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(84, 134, 243, 0.04); border-color: transparent; color: #5486f3; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(84, 134, 243, 0.16); border-color: transparent; color: #5486f3; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #29c76f; border: 1px solid #29c76f; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #25b364; color: #ffffff; border-color: #25b364; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #a5edc5; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #219f59; color: #ffffff; border-color: #219f59; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #29c76f; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(41, 199, 111, 0.04); color: #29c76f; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(41, 199, 111, 0.16); color: #29c76f; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #29c76f; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(41, 199, 111, 0.04); border-color: transparent; color: #29c76f; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(41, 199, 111, 0.16); border-color: transparent; color: #29c76f; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #ffffff; background: #ff9f42; border: 1px solid #ff9f42; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ff8f22; color: #ffffff; border-color: #ff8f22; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ffd9b3; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ff7e02; color: #ffffff; border-color: #ff7e02; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ff9f42; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 159, 66, 0.04); color: #ff9f42; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 159, 66, 0.16); color: #ff9f42; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ff9f42; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 159, 66, 0.04); border-color: transparent; color: #ff9f42; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 159, 66, 0.16); border-color: transparent; color: #ff9f42; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #3ec9d6; border: 1px solid #3ec9d6; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #2cbfcd; color: #ffffff; border-color: #2cbfcd; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #b2e9ef; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #27aab6; color: #ffffff; border-color: #27aab6; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #3ec9d6; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(62, 201, 214, 0.04); color: #3ec9d6; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(62, 201, 214, 0.16); color: #3ec9d6; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #3ec9d6; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(62, 201, 214, 0.04); border-color: transparent; color: #3ec9d6; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(62, 201, 214, 0.16); border-color: transparent; color: #3ec9d6; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #ea5455; border: 1px solid #ea5455; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #e73839; color: #ffffff; border-color: #e73839; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #f7bbbb; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #e31c1d; color: #ffffff; border-color: #e31c1d; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #ea5455; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(234, 84, 85, 0.04); color: #ea5455; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(234, 84, 85, 0.16); color: #ea5455; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #ea5455; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(234, 84, 85, 0.04); border-color: transparent; color: #ea5455; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(234, 84, 85, 0.16); border-color: transparent; color: #ea5455; } + .p-button.p-button-link { color: #5935f1; background: transparent; @@ -2468,6 +2587,7 @@ color: #5935f1; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2479,14 +2599,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2497,45 +2620,52 @@ background: #022354; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 6px; } @@ -2613,6 +2743,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #a1c30d; @@ -2641,6 +2772,7 @@ border-color: transparent; color: #a1c30d; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #5486f3; @@ -2669,6 +2801,7 @@ border-color: transparent; color: #5486f3; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #29c76f; @@ -2697,6 +2830,7 @@ border-color: transparent; color: #29c76f; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ff9f42; @@ -2725,6 +2859,7 @@ border-color: transparent; color: #ff9f42; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #3ec9d6; @@ -2753,6 +2888,7 @@ border-color: transparent; color: #3ec9d6; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ea5455; @@ -2781,8 +2917,9 @@ border-color: transparent; color: #ea5455; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #708da9; @@ -2793,13 +2930,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #043d75; border-color: transparent; background: #f6f9fc; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -2825,6 +2962,7 @@ background: #e2dcfc; color: #7254f3; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2918,9 +3056,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #708da9; @@ -2930,17 +3068,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #043d75; border-color: transparent; background: #f6f9fc; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -2970,12 +3108,12 @@ background: #7254f3; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #eff3f8; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #eff3f8; } .p-datatable .p-datatable-loading-icon { @@ -3078,6 +3216,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3116,10 +3255,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3147,6 +3288,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3166,6 +3308,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } + .p-column-filter-overlay { background: #ffffff; color: #043d75; @@ -3203,6 +3346,7 @@ border-top: 1px solid #dfe7ef; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dfe7ef; @@ -3231,6 +3375,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } + .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3316,6 +3461,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #f6f9fc; } + .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -3324,6 +3470,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f6f9fc; color: #043d75; @@ -3362,6 +3509,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } + .p-paginator { background: #ffffff; color: #708da9; @@ -3371,9 +3519,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #708da9; @@ -3384,9 +3532,9 @@ border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #f6f9fc; border-color: transparent; color: #043d75; @@ -3443,6 +3591,7 @@ border-color: transparent; color: #043d75; } + .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3528,6 +3677,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #f6f9fc; } + .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -3536,6 +3686,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #7254f3; border-radius: 50%; @@ -3547,19 +3698,20 @@ background-color: #dfe7ef; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #dfe7ef; background: #ffffff; @@ -3616,11 +3768,11 @@ color: #7254f3; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #7254f3; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #7254f3; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3693,6 +3845,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3832,7 +3985,7 @@ background: #7254f3; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #eff3f8; } .p-treetable .p-treetable-loading-icon { @@ -3893,6 +4046,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #eff3f8; color: #708da9; @@ -3917,6 +4071,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 1px solid #dfe7ef; @@ -3965,6 +4120,7 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } + .p-card { background: #ffffff; color: #043d75; @@ -3990,6 +4146,7 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4013,6 +4170,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #dfe7ef; background: #ffffff; @@ -4053,6 +4211,7 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } + .p-panel .p-panel-header { border: 1px solid #dfe7ef; padding: 1.25rem; @@ -4119,6 +4278,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #eff3f8; border: 0 none; @@ -4129,6 +4289,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } + .p-splitter { border: 1px solid #dfe7ef; background: #ffffff; @@ -4150,164 +4311,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #dfe7ef; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #c7bbfa; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 6px; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #043d75; - border: 1px solid #f6f9fc; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #708da9; - font-weight: 700; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #c7bbfa; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #e2dcfc; - color: #7254f3; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #043d75; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #c7bbfa; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #7254f3; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 1.25rem; - color: #043d75; - } - .p-stepper .p-stepper-separator { - background-color: #dfe7ef; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #043d75; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #7254f3; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4376,6 +4380,7 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } + .p-toolbar { background: #eff3f8; border: 1px solid #dfe7ef; @@ -4386,6 +4391,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #043d75; @@ -4433,6 +4439,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -4505,6 +4512,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #043d75; @@ -4546,6 +4554,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: #043d75; @@ -4556,7 +4565,7 @@ padding: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #708da9; @@ -4566,13 +4575,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #043d75; border-color: transparent; background: #f6f9fc; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -4586,6 +4595,7 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } + .p-tooltip .p-tooltip-text { background: #043d75; color: #ffffff; @@ -4605,6 +4615,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #043d75; } + .p-fileupload .p-fileupload-buttonbar { background: #eff3f8; padding: 1.25rem; @@ -4644,6 +4655,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #6545f2; color: #ffffff; @@ -4654,6 +4666,7 @@ color: #ffffff; border-color: #5935f1; } + .p-breadcrumb { background: #eff3f8; border: 1px solid #dfe7ef; @@ -4685,6 +4698,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #708da9; } + .p-contextmenu { padding: 0.25rem 0; background: #eff3f8; @@ -4732,7 +4746,7 @@ color: #7254f3; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #7254f3; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4746,7 +4760,7 @@ color: #043d75; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #043d75; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4757,7 +4771,7 @@ color: #043d75; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } .p-contextmenu .p-menuitem-separator { @@ -4771,6 +4785,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4794,31 +4809,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4877,7 +4893,7 @@ color: #7254f3; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #7254f3; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4891,7 +4907,7 @@ color: #043d75; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #043d75; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4902,7 +4918,7 @@ color: #043d75; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } .p-megamenu .p-megamenu-panel { @@ -4960,9 +4976,10 @@ color: #043d75; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } + .p-menu { padding: 0.25rem 0; background: #eff3f8; @@ -4999,7 +5016,7 @@ color: #7254f3; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #7254f3; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5013,7 +5030,7 @@ color: #043d75; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #043d75; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5024,7 +5041,7 @@ color: #043d75; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } .p-menu.p-menu-overlay { @@ -5058,6 +5075,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #eff3f8; @@ -5096,7 +5114,7 @@ color: #043d75; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5127,7 +5145,7 @@ color: #7254f3; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #7254f3; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5141,7 +5159,7 @@ color: #043d75; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #043d75; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5152,7 +5170,7 @@ color: #043d75; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } .p-menubar .p-submenu-list { @@ -5169,6 +5187,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5343,7 +5362,7 @@ color: #7254f3; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #7254f3; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5357,7 +5376,7 @@ color: #043d75; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #043d75; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5368,7 +5387,7 @@ color: #043d75; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5384,6 +5403,7 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } + .p-slidemenu { padding: 0.25rem 0; background: #eff3f8; @@ -5426,7 +5446,7 @@ color: #7254f3; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #7254f3; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5440,7 +5460,7 @@ color: #043d75; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #043d75; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5451,7 +5471,7 @@ color: #043d75; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } .p-slidemenu.p-slidemenu-overlay { @@ -5498,6 +5518,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5542,6 +5563,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dfe7ef; @@ -5612,6 +5634,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #c7bbfa; } + .p-tieredmenu { padding: 0.25rem 0; background: #eff3f8; @@ -5662,7 +5685,7 @@ color: #7254f3; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #7254f3; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5676,7 +5699,7 @@ color: #043d75; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #043d75; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5687,7 +5710,7 @@ color: #043d75; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } .p-tieredmenu .p-menuitem-separator { @@ -5701,6 +5724,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5756,6 +5780,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 6px; @@ -5844,6 +5869,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5894,7 +5920,7 @@ color: #696cff; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #696cff; } .p-toast .p-toast-message.p-toast-message-success { @@ -5904,7 +5930,7 @@ color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5914,7 +5940,7 @@ color: #cc8925; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #cc8925; } .p-toast .p-toast-message.p-toast-message-error { @@ -5924,9 +5950,10 @@ color: #ff5757; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #ff5757; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5957,7 +5984,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6014,7 +6041,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #eff3f8; @@ -6024,7 +6051,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #eff3f8; } @@ -6033,23 +6060,29 @@ outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6073,6 +6106,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #dfe7ef; border-radius: 6px; @@ -6093,9 +6127,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #7254f3; color: #ffffff; @@ -6137,6 +6173,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #dfe7ef; color: #043d75; @@ -6172,6 +6209,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6186,15 +6224,19 @@ outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6202,19 +6244,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6274,6 +6321,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6289,6 +6337,7 @@ color: #ffffff; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6310,6 +6359,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #dfe7ef; border-radius: 6px; @@ -6317,6 +6367,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #7254f3; color: #ffffff; @@ -6349,6 +6400,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #043d75; @@ -6364,11 +6416,11 @@ /* Customizations to the designer theme should be defined here */ @layer primeng { .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { color: #ffffff; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); } @@ -6414,15 +6466,19 @@ color: #ffffff; background: rgba(255, 255, 255, 0.3); } + .p-button .p-button-label { font-weight: 700; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #7254f3; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #7254f3; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #7254f3; } diff --git a/src/assets/components/themes/tailwind-light/theme.css b/src/assets/components/themes/tailwind-light/theme.css index 96540b25315..adb38f70184 100644 --- a/src/assets/components/themes/tailwind-light/theme.css +++ b/src/assets/components/themes/tailwind-light/theme.css @@ -55,31 +55,36 @@ font-family: "Inter"; font-style: normal; font-weight: 300; - src: local(""), url("./fonts/Inter-Light.woff2") format("woff2"), url("./fonts/Inter-Light.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local(""), url("./fonts/Inter-Light.woff2") format("woff2"), url("./fonts/Inter-Light.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: "Inter"; font-style: normal; font-weight: 400; - src: local(""), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local(""), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: "Inter"; font-style: normal; font-weight: 500; - src: local(""), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local(""), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: "Inter"; font-style: normal; font-weight: 600; - src: local(""), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local(""), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: "Inter"; font-style: normal; font-weight: 700; - src: local(""), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local(""), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } :root { --blue-50:#f5f9ff; @@ -243,7 +248,7 @@ .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; border: 0 none; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 0.375rem; padding: 0.25rem 0; } @@ -307,32 +312,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.6; } + .p-error { color: #e24c4c; } + .p-text-secondary { color: #71717a; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -344,12 +357,15 @@ outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -366,6 +382,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -412,12 +429,13 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f0a9a7; } + .p-autocomplete-panel { background: #ffffff; color: #3f3f46; border: 0 none; border-radius: 0.375rem; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .p-autocomplete-panel .p-autocomplete-items { padding: 0.25rem 0; @@ -458,9 +476,11 @@ color: #3f3f46; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f0a9a7; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -468,19 +488,23 @@ color: #71717a; right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #71717a; right: 3.75rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #f0a9a7; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; border-color: #4f46e5; } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -491,7 +515,7 @@ .p-datepicker:not(.p-datepicker-inline) { background: #ffffff; border: 0 none; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { background: #ffffff; @@ -507,7 +531,7 @@ border-top-left-radius: 0.375rem; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #71717a; @@ -517,13 +541,13 @@ transition: none; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #18181b; border-color: transparent; background: #f4f4f5; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; @@ -532,14 +556,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #3f3f46; transition: none; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #4f46e5; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -688,6 +712,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -695,10 +720,12 @@ color: #71717a; right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #71717a; right: 3.75rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -741,12 +768,13 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f0a9a7; } + .p-cascadeselect-panel { background: #ffffff; color: #3f3f46; border: 0 none; border-radius: 0.375rem; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .p-cascadeselect-panel .p-cascadeselect-items { padding: 0.25rem 0; @@ -780,6 +808,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #fafafa; } @@ -789,9 +818,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f0a9a7; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -799,6 +830,7 @@ color: #71717a; right: 3rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -807,6 +839,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 16px; height: 16px; @@ -847,9 +880,11 @@ background: #4f46e5; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f0a9a7; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #fafafa; } @@ -862,12 +897,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #4f46e5; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f0a9a7; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #d4d4d8; } @@ -906,9 +944,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #f0a9a7; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -916,22 +956,26 @@ color: #71717a; right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #27272a; border: 1px solid #18181b; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } + .p-dropdown { background: #ffffff; border: 1px solid #d4d4d8; @@ -975,12 +1019,13 @@ .p-dropdown.p-invalid.p-component { border-color: #f0a9a7; } + .p-dropdown-panel { background: #ffffff; color: #3f3f46; border: 0 none; border-radius: 0.375rem; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .p-dropdown-panel .p-dropdown-header { padding: 0.5rem 0.75rem; @@ -1038,6 +1083,7 @@ color: #3f3f46; background: transparent; } + .p-input-filled .p-dropdown { background: #fafafa; } @@ -1050,14 +1096,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #f0a9a7; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #fafafa; color: #71717a; @@ -1070,68 +1119,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #d4d4d8; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: #71717a; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: #71717a; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f0a9a7; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1139,9 +1198,11 @@ color: #71717a; right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #f0a9a7; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1149,21 +1210,25 @@ color: #71717a; right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.75rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1202,9 +1267,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #4338ca; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f0a9a7; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1237,54 +1304,69 @@ font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: #71717a; transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #f0a9a7; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: #71717a; } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: #71717a; } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: #71717a; } + :-moz-placeholder { color: #71717a; } + ::-moz-placeholder { color: #71717a; } + :-ms-input-placeholder { color: #71717a; } + .p-input-filled .p-inputtext { background-color: #fafafa; } @@ -1294,14 +1376,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } + .p-listbox { background: #ffffff; color: #3f3f46; @@ -1376,9 +1461,11 @@ box-shadow: 0 0 0 1px #6366f1; border-color: #4f46e5; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f0a9a7; } + .p-multiselect { background: #ffffff; border: 1px solid #d4d4d8; @@ -1418,9 +1505,11 @@ border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1428,12 +1517,13 @@ color: #71717a; right: 3rem; } + .p-multiselect-panel { background: #ffffff; color: #3f3f46; border: 0 none; border-radius: 0.375rem; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .p-multiselect-panel .p-multiselect-header { padding: 0.5rem 0.75rem; @@ -1516,6 +1606,7 @@ color: #3f3f46; background: transparent; } + .p-input-filled .p-multiselect { background: #fafafa; } @@ -1525,18 +1616,21 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #f0a9a7; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #f0a9a7; } + .p-password-panel { padding: 1.25rem; background: #ffffff; color: #3f3f46; border: 0 none; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 0.375rem; } .p-password-panel .p-password-meter { @@ -1552,6 +1646,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #22c55e; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1559,6 +1654,7 @@ color: #71717a; right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1566,6 +1662,7 @@ color: #71717a; right: 2.5rem; } + .p-radiobutton { width: 16px; height: 16px; @@ -1603,9 +1700,11 @@ background: #4f46e5; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #f0a9a7; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #fafafa; } @@ -1618,9 +1717,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #4f46e5; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1651,6 +1752,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #dc2626; } + .p-selectbutton .p-button { background: #ffffff; border: 1px solid #d4d4d8; @@ -1658,7 +1760,7 @@ transition: none; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #71717a; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1667,7 +1769,7 @@ color: #3f3f46; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #71717a; } .p-selectbutton .p-button.p-highlight { @@ -1676,7 +1778,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1685,12 +1787,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #f0a9a7; } + .p-slider { background: #e5e7eb; border: 0 none; @@ -1742,6 +1846,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #ffffff; border: 1px solid #d4d4d8; @@ -1749,7 +1854,7 @@ transition: none; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #71717a; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1758,7 +1863,7 @@ color: #3f3f46; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #71717a; } .p-togglebutton.p-button.p-highlight { @@ -1767,7 +1872,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1776,12 +1881,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #f0a9a7; } + .p-treeselect { background: #ffffff; border: 1px solid #d4d4d8; @@ -1818,18 +1925,21 @@ border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #f0a9a7; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } + .p-treeselect-panel { background: #ffffff; color: #3f3f46; border: 0 none; border-radius: 0.375rem; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .p-treeselect-panel .p-treeselect-header { padding: 0.5rem 0.75rem; @@ -1883,6 +1993,7 @@ color: #3f3f46; background: transparent; } + .p-input-filled .p-treeselect { background: #fafafa; } @@ -1892,6 +2003,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1899,6 +2011,7 @@ color: #71717a; right: 3rem; } + .p-button { color: #ffffff; background: #4f46e5; @@ -2010,7 +2123,7 @@ padding: 0.75rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2037,6 +2150,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2049,414 +2163,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #64748b; border: 1px solid #64748b; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #475569; color: #ffffff; border-color: #475569; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #c0c7d2; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #475569; color: #ffffff; border-color: #475569; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #64748b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); color: #64748b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); color: #64748b; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #64748b; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; color: #64748b; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; color: #64748b; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #3b82f6; border: 1px solid #3b82f6; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #b1cdfb; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #2563eb; color: #ffffff; border-color: #2563eb; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #3b82f6; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3b82f6; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(59, 130, 246, 0.16); color: #3b82f6; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #3b82f6; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); border-color: transparent; color: #3b82f6; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(59, 130, 246, 0.16); border-color: transparent; color: #3b82f6; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #22c55e; border: 1px solid #22c55e; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #16a34a; color: #ffffff; border-color: #16a34a; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #a0efbd; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #16a34a; color: #ffffff; border-color: #16a34a; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); color: #22c55e; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #22c55e; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; color: #22c55e; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; color: #22c55e; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #ffffff; background: #f59e0b; border: 1px solid #f59e0b; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #d97706; color: #ffffff; border-color: #d97706; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fbd89d; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #d97706; color: #ffffff; border-color: #d97706; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #f59e0b; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(245, 158, 11, 0.04); color: #f59e0b; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(245, 158, 11, 0.16); color: #f59e0b; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #f59e0b; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(245, 158, 11, 0.04); border-color: transparent; color: #f59e0b; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(245, 158, 11, 0.16); border-color: transparent; color: #f59e0b; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #a855f7; border: 1px solid #a855f7; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #9333ea; color: #ffffff; border-color: #9333ea; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #dcbbfc; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #9333ea; color: #ffffff; border-color: #9333ea; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); color: #a855f7; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #a855f7; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; color: #a855f7; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; color: #a855f7; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #ef4444; border: 1px solid #ef4444; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #dc2626; color: #ffffff; border-color: #dc2626; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #f9b4b4; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #dc2626; color: #ffffff; border-color: #dc2626; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); color: #ef4444; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #ef4444; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; color: #ef4444; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; color: #ef4444; } + .p-button.p-button-link { color: #4f46e5; background: transparent; @@ -2480,6 +2601,7 @@ color: #4f46e5; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2491,14 +2613,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2509,45 +2634,52 @@ background: #27272a; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 0.375rem; } @@ -2625,6 +2757,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #64748b; @@ -2653,6 +2786,7 @@ border-color: transparent; color: #64748b; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #3b82f6; @@ -2681,6 +2815,7 @@ border-color: transparent; color: #3b82f6; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #22c55e; @@ -2709,6 +2844,7 @@ border-color: transparent; color: #22c55e; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #f59e0b; @@ -2737,6 +2873,7 @@ border-color: transparent; color: #f59e0b; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #a855f7; @@ -2765,6 +2902,7 @@ border-color: transparent; color: #a855f7; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef4444; @@ -2793,8 +2931,9 @@ border-color: transparent; color: #ef4444; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #71717a; @@ -2805,13 +2944,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #18181b; border-color: transparent; background: #f4f4f5; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; @@ -2837,6 +2976,7 @@ background: #eef2ff; color: #312e81; } + .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2930,9 +3070,9 @@ padding: 1rem 1.5rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #71717a; @@ -2942,17 +3082,17 @@ transition: none; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #18181b; border-color: transparent; background: #f4f4f5; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; @@ -2982,12 +3122,12 @@ background: #4f46e5; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #fafafa; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #fafafa; } .p-datatable .p-datatable-loading-icon { @@ -3090,6 +3230,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.9375rem 1.875rem; } + .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3128,10 +3269,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3159,6 +3302,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3178,12 +3322,13 @@ outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; } + .p-column-filter-overlay { background: #ffffff; color: #3f3f46; border: 0 none; border-radius: 0.375rem; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); min-width: 12.5rem; } .p-column-filter-overlay .p-column-filter-row-items { @@ -3215,6 +3360,7 @@ border-top: 1px solid #f3f4f6; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 0.75rem; border-bottom: 0 none; @@ -3243,6 +3389,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } + .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3328,14 +3475,16 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #f4f4f5; } + .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1rem; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border: 0 none; color: #3f3f46; background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f4f4f5; color: #18181b; @@ -3374,6 +3523,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; } + .p-paginator { background: #ffffff; color: #71717a; @@ -3383,9 +3533,9 @@ border-radius: 0.375rem; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 1px solid #d4d4d8; color: #71717a; @@ -3396,9 +3546,9 @@ border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #f4f4f5; border-color: #d4d4d8; color: #3f3f46; @@ -3455,6 +3605,7 @@ border-color: #d4d4d8; color: #3f3f46; } + .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3540,14 +3691,16 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #f4f4f5; } + .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1rem; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border: 0 none; color: #3f3f46; background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #4f46e5; border-radius: 50%; @@ -3559,19 +3712,20 @@ background-color: #e5e7eb; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #e5e7eb; background: #ffffff; @@ -3628,11 +3782,11 @@ color: #312e81; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #312e81; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #312e81; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3705,6 +3859,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; } + .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3844,7 +3999,7 @@ background: #4f46e5; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #fafafa; } .p-treetable .p-treetable-loading-icon { @@ -3905,6 +4060,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.9375rem 1.875rem; } + .p-virtualscroller .p-virtualscroller-header { background: #fafafa; color: #3f3f46; @@ -3929,6 +4085,7 @@ border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 1px solid #e5e7eb; @@ -4001,6 +4158,7 @@ border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } + .p-card { background: #ffffff; color: #3f3f46; @@ -4026,6 +4184,7 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4049,6 +4208,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #e5e7eb; background: #ffffff; @@ -4089,6 +4249,7 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } + .p-panel .p-panel-header { border: 1px solid #e5e7eb; padding: 1.25rem; @@ -4155,6 +4316,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #fafafa; border: 0 none; @@ -4165,6 +4327,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; } + .p-splitter { border: 1px solid #e5e7eb; background: #ffffff; @@ -4186,164 +4349,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #e5e7eb; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366f1; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: none; - border-radius: 0.375rem; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #3f3f46; - border: 1px solid #f4f4f5; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: none; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #71717a; - font-weight: 600; - transition: none; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366f1; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #eef2ff; - color: #312e81; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #3f3f46; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366f1; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #4f46e5; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 1.25rem; - color: #3f3f46; - } - .p-stepper .p-stepper-separator { - background-color: #e5e7eb; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: none; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #3f3f46; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #4f46e5; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4412,6 +4418,7 @@ border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } + .p-toolbar { background: #fafafa; border: 1px solid #e5e7eb; @@ -4422,6 +4429,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #3f3f46; @@ -4469,6 +4477,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 0.375rem; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); @@ -4541,6 +4550,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #3f3f46; @@ -4582,6 +4592,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: #3f3f46; @@ -4592,7 +4603,7 @@ padding: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #71717a; @@ -4602,13 +4613,13 @@ transition: none; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #18181b; border-color: transparent; background: #f4f4f5; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; @@ -4622,11 +4633,12 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } + .p-tooltip .p-tooltip-text { background: #3f3f46; color: #ffffff; padding: 0.75rem 0.75rem; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 0.375rem; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { @@ -4641,6 +4653,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #3f3f46; } + .p-fileupload .p-fileupload-buttonbar { background: #fafafa; padding: 1.25rem; @@ -4680,6 +4693,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #4338ca; color: #ffffff; @@ -4690,6 +4704,7 @@ color: #ffffff; border-color: #4338ca; } + .p-breadcrumb { background: #ffffff; border: 1px solid #e5e7eb; @@ -4721,12 +4736,13 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #71717a; } + .p-contextmenu { padding: 0.25rem 0; background: #ffffff; color: #3f3f46; border: 0 none; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 0.375rem; width: 12.5rem; } @@ -4737,7 +4753,7 @@ padding: 0.25rem 0; background: #ffffff; border: 0 none; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 0.375rem; } .p-contextmenu .p-menuitem > .p-menuitem-content { @@ -4768,7 +4784,7 @@ color: #3f3f46; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #71717a; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4782,7 +4798,7 @@ color: #18181b; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #18181b; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4793,7 +4809,7 @@ color: #18181b; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #71717a; } .p-contextmenu .p-menuitem-separator { @@ -4807,6 +4823,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4830,31 +4847,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4913,7 +4931,7 @@ color: #3f3f46; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #71717a; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4927,7 +4945,7 @@ color: #18181b; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #18181b; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4938,14 +4956,14 @@ color: #18181b; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #71717a; } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #3f3f46; border: 0 none; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .p-megamenu .p-submenu-header { margin: 0; @@ -4996,9 +5014,10 @@ color: #18181b; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #71717a; } + .p-menu { padding: 0.25rem 0; background: #ffffff; @@ -5035,7 +5054,7 @@ color: #3f3f46; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #71717a; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5049,7 +5068,7 @@ color: #18181b; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #18181b; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5060,13 +5079,13 @@ color: #18181b; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #71717a; } .p-menu.p-menu-overlay { background: #ffffff; border: 0 none; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .p-menu .p-submenu-header { margin: 0; @@ -5094,6 +5113,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 1rem; background: #fafafa; @@ -5132,7 +5152,7 @@ color: #18181b; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #71717a; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5163,7 +5183,7 @@ color: #3f3f46; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #71717a; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5177,7 +5197,7 @@ color: #18181b; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #18181b; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5188,14 +5208,14 @@ color: #18181b; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #71717a; } .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { @@ -5205,6 +5225,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5232,7 +5253,7 @@ padding: 0.25rem 0; background: #ffffff; border: 0 none; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { @@ -5379,7 +5400,7 @@ color: #3f3f46; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #71717a; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5393,7 +5414,7 @@ color: #18181b; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #18181b; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5404,7 +5425,7 @@ color: #18181b; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #71717a; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5444,6 +5465,7 @@ border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } + .p-slidemenu { padding: 0.25rem 0; background: #ffffff; @@ -5486,7 +5508,7 @@ color: #3f3f46; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #71717a; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5500,7 +5522,7 @@ color: #18181b; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #18181b; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5511,19 +5533,19 @@ color: #18181b; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #71717a; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; border: 0 none; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .p-slidemenu .p-slidemenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .p-slidemenu .p-menuitem-separator { border-top: 1px solid #f3f4f6; @@ -5558,6 +5580,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5602,6 +5625,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -5672,6 +5696,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #6366f1; } + .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; @@ -5683,7 +5708,7 @@ .p-tieredmenu.p-tieredmenu-overlay { background: #ffffff; border: 0 none; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .p-tieredmenu .p-tieredmenu-root-list { outline: 0 none; @@ -5692,7 +5717,7 @@ padding: 0.25rem 0; background: #ffffff; border: 0 none; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #3f3f46; @@ -5722,7 +5747,7 @@ color: #3f3f46; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #71717a; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5736,7 +5761,7 @@ color: #18181b; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #18181b; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5747,7 +5772,7 @@ color: #18181b; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #71717a; } .p-tieredmenu .p-menuitem-separator { @@ -5761,6 +5786,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5816,6 +5842,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 0.375rem; @@ -5904,6 +5931,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5954,7 +5982,7 @@ color: #2563eb; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #2563eb; } .p-toast .p-toast-message.p-toast-message-success { @@ -5964,7 +5992,7 @@ color: #059669; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #059669; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5974,7 +6002,7 @@ color: #d97706; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #d97706; } .p-toast .p-toast-message.p-toast-message-error { @@ -5984,9 +6012,10 @@ color: #dc2626; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #dc2626; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -6017,7 +6046,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6074,7 +6103,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #fafafa; @@ -6084,7 +6113,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #fafafa; } @@ -6093,23 +6122,29 @@ outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: none; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6133,6 +6168,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #e5e7eb; border-radius: 0.375rem; @@ -6153,9 +6189,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #4f46e5; color: #ffffff; @@ -6197,6 +6235,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #e5e7eb; color: #3f3f46; @@ -6232,6 +6271,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 0.375rem; @@ -6246,15 +6286,19 @@ outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6262,19 +6306,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6334,6 +6383,7 @@ border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6349,11 +6399,12 @@ color: #ffffff; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; border-radius: 50%; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); transition: none; } .p-scrolltop.p-link { @@ -6370,6 +6421,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #f4f4f5; border-radius: 0.375rem; @@ -6377,6 +6429,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #4f46e5; color: #ffffff; @@ -6409,6 +6462,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #3f3f46; @@ -6424,23 +6478,29 @@ /* Customizations to the designer theme should be defined here */ @layer primeng { .p-inputtext, .p-togglebutton, .p-selectbutton, .p-inputgroup { - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05); } + .p-inputgroup .p-inputtext, .p-inputgroup .p-togglebutton, .p-inputgroup .p-selectbutton { box-shadow: none; } + .p-inputtext.p-invalid.p-component:enabled:focus { box-shadow: 0 0 0 1px #f0a9a7; } + .p-highlight { font-weight: 600; } + .p-button-label { font-weight: 500; } + .p-inputswitch.p-focus .p-inputswitch-slider { box-shadow: 0 0 0 2px #6366f1; } + .p-paginator .p-paginator-pages .p-paginator-page { margin-left: -1px; } @@ -6451,6 +6511,7 @@ .p-paginator .p-paginator-current { border: 0 none; } + .p-button:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366f1, 0 1px 2px 0 rgba(0, 0, 0, 0); } @@ -6472,15 +6533,18 @@ .p-button.p-button-danger:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #ef4444, 0 1px 2px 0 rgba(0, 0, 0, 0); } + .p-checkbox .p-checkbox-box { border-radius: 0.25rem; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366f1, 0 1px 2px 0 rgba(0, 0, 0, 0); } + .p-radiobutton:not(.p-radiobutton-disabled) .p-radiobutton-box.p-focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366f1, 0 1px 2px 0 rgba(0, 0, 0, 0); } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #4f46e5; } diff --git a/src/assets/components/themes/vela-blue/theme.css b/src/assets/components/themes/vela-blue/theme.css index 44d7cf09112..40d8af8023b 100644 --- a/src/assets/components/themes/vela-blue/theme.css +++ b/src/assets/components/themes/vela-blue/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.4; } + .p-error { color: #ef9a9a; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } + .p-autocomplete-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -427,9 +440,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -437,19 +452,23 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #ef9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } + .p-datepicker { padding: 0.5rem; background: #1f2d40; @@ -476,7 +495,7 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #64B5F6; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -664,10 +684,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } + .p-cascadeselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #304562; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #304562; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #ef9a9a; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -768,6 +794,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #2396f2; color: #212529; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ef9a9a; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #304562; } @@ -831,12 +861,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #2396f2; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ef9a9a; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #64B5F6; } @@ -875,9 +908,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #ef9a9a; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } @@ -885,22 +920,26 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #1f2d40; border: 1px solid #304562; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #17212f; border: 1px solid #304562; @@ -944,6 +983,7 @@ .p-dropdown.p-invalid.p-component { border-color: #ef9a9a; } + .p-dropdown-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1007,6 +1047,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #304562; } @@ -1019,14 +1060,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #ef9a9a; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -1039,68 +1083,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #304562; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.5rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1108,9 +1162,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #ef9a9a; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } @@ -1118,21 +1174,25 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.857rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.857rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1171,9 +1231,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #43a5f4; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ef9a9a; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1206,54 +1268,69 @@ font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-float-label > label { left: 0.5rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #ef9a9a; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2rem; } + .p-input-icon-left.p-float-label > label { left: 2rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2rem; } + .p-icon-field-left.p-float-label > label { left: 2rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { background-color: #304562; } @@ -1263,14 +1340,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #304562; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-listbox { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1345,9 +1425,11 @@ box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ef9a9a; } + .p-multiselect { background: #17212f; border: 1px solid #304562; @@ -1387,9 +1469,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.5rem; } @@ -1397,6 +1481,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-multiselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1485,6 +1570,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #304562; } @@ -1494,12 +1580,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #304562; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #ef9a9a; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #ef9a9a; } + .p-password-panel { padding: 1rem; background: #1f2d40; @@ -1521,6 +1610,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } + p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1528,6 +1618,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1535,6 +1626,7 @@ color: rgba(255, 255, 255, 0.6); right: 2rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1572,9 +1664,11 @@ background: #2396f2; color: #212529; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #ef9a9a; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #304562; } @@ -1587,9 +1681,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #2396f2; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1620,6 +1716,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f48fb1; } + .p-selectbutton .p-button { background: #1f2d40; border: 1px solid #304562; @@ -1627,7 +1724,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1636,7 +1733,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1645,7 +1742,7 @@ color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #212529; } .p-selectbutton .p-button.p-highlight:hover { @@ -1654,12 +1751,14 @@ color: #212529; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #ef9a9a; } + .p-slider { background: #304562; border: 0 none; @@ -1711,6 +1810,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #1f2d40; border: 1px solid #304562; @@ -1718,7 +1818,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1727,7 +1827,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1736,7 +1836,7 @@ color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #212529; } .p-togglebutton.p-button.p-highlight:hover { @@ -1745,12 +1845,14 @@ color: #212529; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #ef9a9a; } + .p-treeselect { background: #17212f; border: 1px solid #304562; @@ -1787,12 +1889,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #ef9a9a; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } + .p-treeselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1852,6 +1957,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #304562; } @@ -1861,6 +1967,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #304562; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.5rem; } @@ -1868,6 +1975,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-button { color: #212529; background: #64B5F6; @@ -1979,7 +2087,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2006,6 +2114,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2018,414 +2127,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #78909c; border: 1px solid #78909c; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #69838f; color: #ffffff; border-color: #69838f; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a1b1ba; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #5d747f; color: #ffffff; border-color: #5d747f; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #78909c; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); color: #78909c; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); color: #78909c; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #78909c; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; color: #78909c; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; color: #78909c; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #121212; background: #81d4fa; border: 1px solid #81d4fa; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #5dc8f9; color: #121212; border-color: #5dc8f9; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a7e1fc; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #38bbf7; color: #121212; border-color: #38bbf7; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #81d4fa; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); color: #81d4fa; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); color: #81d4fa; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #81d4fa; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; color: #81d4fa; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; color: #81d4fa; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #121212; background: #c5e1a5; border: 1px solid #c5e1a5; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #b2d788; color: #121212; border-color: #b2d788; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d6eac0; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #9fce6b; color: #121212; border-color: #9fce6b; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #c5e1a5; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); color: #c5e1a5; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); color: #c5e1a5; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #c5e1a5; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; color: #c5e1a5; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; color: #c5e1a5; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #121212; background: #ffe082; border: 1px solid #ffe082; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd65c; color: #121212; border-color: #ffd65c; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffe9a8; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcd35; color: #121212; border-color: #ffcd35; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #ffe082; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffe082; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; color: #ffe082; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; color: #ffe082; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; background: #ce93d8; border: 1px solid #ce93d8; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #c278ce; color: #121212; border-color: #c278ce; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ddb3e4; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #b65ec5; color: #121212; border-color: #b65ec5; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #ce93d8; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #ce93d8; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; color: #ce93d8; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; color: #ce93d8; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #121212; background: #f48fb1; border: 1px solid #f48fb1; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #f16c98; color: #121212; border-color: #f16c98; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f7b1c8; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ed4980; color: #121212; border-color: #ed4980; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #f48fb1; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #f48fb1; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #f48fb1; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #f48fb1; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; color: #f48fb1; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; color: #f48fb1; } + .p-button.p-button-link { color: #64B5F6; background: transparent; @@ -2449,6 +2565,7 @@ color: #64B5F6; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2460,14 +2577,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2478,45 +2598,52 @@ background: rgba(255, 255, 255, 0.6); color: #17212f; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2594,6 +2721,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #78909c; @@ -2622,6 +2750,7 @@ border-color: transparent; color: #78909c; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #81d4fa; @@ -2650,6 +2779,7 @@ border-color: transparent; color: #81d4fa; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2678,6 +2808,7 @@ border-color: transparent; color: #c5e1a5; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2706,6 +2837,7 @@ border-color: transparent; color: #ffe082; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2734,6 +2866,7 @@ border-color: transparent; color: #ce93d8; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f48fb1; @@ -2762,8 +2895,9 @@ border-color: transparent; color: #f48fb1; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2774,13 +2908,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -2806,6 +2940,7 @@ background: rgba(100, 181, 246, 0.16); color: rgba(255, 255, 255, 0.87); } + .p-datatable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -2899,9 +3034,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2911,17 +3046,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -2951,12 +3086,12 @@ background: #64B5F6; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #1f2d40; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #1f2d40; } .p-datatable .p-datatable-loading-icon { @@ -3059,6 +3194,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3097,10 +3233,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3128,6 +3266,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3147,6 +3286,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-column-filter-overlay { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -3184,6 +3324,7 @@ border-top: 1px solid #304562; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; @@ -3212,6 +3353,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3297,6 +3439,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3305,6 +3448,7 @@ background: #1f2d40; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3343,6 +3487,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-paginator { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -3352,9 +3497,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3365,9 +3510,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); border-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -3424,6 +3569,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3509,6 +3655,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3517,6 +3664,7 @@ background: #1f2d40; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #64B5F6; border-radius: 50%; @@ -3528,19 +3676,20 @@ background-color: #304562; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #304562; background: #1f2d40; @@ -3597,11 +3746,11 @@ color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3674,6 +3823,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3813,7 +3963,7 @@ background: #64B5F6; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #1f2d40; } .p-treetable .p-treetable-loading-icon { @@ -3874,6 +4024,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -3898,6 +4049,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #304562; @@ -3970,6 +4122,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-card { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -3995,6 +4148,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #1f2d40; } @@ -4018,6 +4172,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #304562; background: #1f2d40; @@ -4058,6 +4213,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid #304562; padding: 1rem; @@ -4124,6 +4280,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #304562; border: 0 none; @@ -4134,6 +4291,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-splitter { border: 1px solid #304562; background: #1f2d40; @@ -4155,164 +4313,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #304562; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 3px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - font-weight: 600; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #64B5F6; - } - .p-stepper .p-stepper-panels { - background: #1f2d40; - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #304562; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #64B5F6; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4381,6 +4382,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #1f2d40; border: 1px solid #304562; @@ -4391,6 +4393,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4438,6 +4441,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4510,6 +4514,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4551,6 +4556,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #304562; } + .p-sidebar { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4561,7 +4567,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4571,13 +4577,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -4591,6 +4597,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #304562; color: rgba(255, 255, 255, 0.87); @@ -4610,6 +4617,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #304562; } + .p-fileupload .p-fileupload-buttonbar { background: #1f2d40; padding: 1rem; @@ -4649,6 +4657,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #43a5f4; color: #212529; @@ -4659,6 +4668,7 @@ color: #212529; border-color: #2396f2; } + .p-breadcrumb { background: #1f2d40; border: 1px solid #304562; @@ -4690,6 +4700,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.25rem 0; background: #1f2d40; @@ -4737,7 +4748,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4751,7 +4762,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4762,7 +4773,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4776,6 +4787,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4799,31 +4811,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4882,7 +4895,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4896,7 +4909,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4907,7 +4920,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -4965,9 +4978,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } + .p-menu { padding: 0.25rem 0; background: #1f2d40; @@ -5004,7 +5018,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5018,7 +5032,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5029,7 +5043,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5063,6 +5077,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #1f2d40; @@ -5101,7 +5116,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5132,7 +5147,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5146,7 +5161,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5157,7 +5172,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5174,6 +5189,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5348,7 +5364,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5362,7 +5378,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5373,7 +5389,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5413,6 +5429,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-slidemenu { padding: 0.25rem 0; background: #1f2d40; @@ -5455,7 +5472,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5469,7 +5486,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5480,7 +5497,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5527,6 +5544,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5571,6 +5589,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #304562; @@ -5641,6 +5660,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #93cbf9; } + .p-tieredmenu { padding: 0.25rem 0; background: #1f2d40; @@ -5691,7 +5711,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5705,7 +5725,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5716,7 +5736,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5730,6 +5750,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5785,6 +5806,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5873,6 +5895,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5923,7 +5946,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #044868; } .p-toast .p-toast-message.p-toast-message-success { @@ -5933,7 +5956,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5943,7 +5966,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { @@ -5953,9 +5976,10 @@ color: #73000c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #73000c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5986,7 +6010,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6043,7 +6067,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6053,7 +6077,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6062,23 +6086,29 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6102,6 +6132,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #304562; border-radius: 3px; @@ -6122,9 +6153,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #1f2d40; } + .p-badge { background: #64B5F6; color: #212529; @@ -6166,6 +6199,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #304562; color: rgba(255, 255, 255, 0.87); @@ -6201,6 +6235,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6215,15 +6250,19 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6231,19 +6270,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6303,6 +6347,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6318,6 +6363,7 @@ color: #212529; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6339,6 +6385,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6346,6 +6393,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #64B5F6; color: #212529; @@ -6378,6 +6426,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -6395,12 +6444,14 @@ .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #64B5F6; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #64B5F6; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #64B5F6; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #64B5F6; } diff --git a/src/assets/components/themes/vela-green/theme.css b/src/assets/components/themes/vela-green/theme.css index cad0bf4669c..7b773efcddd 100644 --- a/src/assets/components/themes/vela-green/theme.css +++ b/src/assets/components/themes/vela-green/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.4; } + .p-error { color: #ef9a9a; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } + .p-autocomplete-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -427,9 +440,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -437,19 +452,23 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #ef9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } + .p-datepicker { padding: 0.5rem; background: #1f2d40; @@ -476,7 +495,7 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #81C784; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -664,10 +684,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } + .p-cascadeselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #304562; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #304562; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #ef9a9a; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -768,6 +794,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #54b358; color: #212529; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ef9a9a; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #304562; } @@ -831,12 +861,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #54b358; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ef9a9a; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #81C784; } @@ -875,9 +908,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #ef9a9a; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } @@ -885,22 +920,26 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #1f2d40; border: 1px solid #304562; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #17212f; border: 1px solid #304562; @@ -944,6 +983,7 @@ .p-dropdown.p-invalid.p-component { border-color: #ef9a9a; } + .p-dropdown-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1007,6 +1047,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #304562; } @@ -1019,14 +1060,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #ef9a9a; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -1039,68 +1083,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #304562; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.5rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1108,9 +1162,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #ef9a9a; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } @@ -1118,21 +1174,25 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.857rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.857rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1171,9 +1231,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #6abd6e; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ef9a9a; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1206,54 +1268,69 @@ font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-float-label > label { left: 0.5rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #ef9a9a; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2rem; } + .p-input-icon-left.p-float-label > label { left: 2rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2rem; } + .p-icon-field-left.p-float-label > label { left: 2rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { background-color: #304562; } @@ -1263,14 +1340,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #304562; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-listbox { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1345,9 +1425,11 @@ box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ef9a9a; } + .p-multiselect { background: #17212f; border: 1px solid #304562; @@ -1387,9 +1469,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.5rem; } @@ -1397,6 +1481,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-multiselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1485,6 +1570,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #304562; } @@ -1494,12 +1580,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #304562; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #ef9a9a; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #ef9a9a; } + .p-password-panel { padding: 1rem; background: #1f2d40; @@ -1521,6 +1610,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } + p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1528,6 +1618,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1535,6 +1626,7 @@ color: rgba(255, 255, 255, 0.6); right: 2rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1572,9 +1664,11 @@ background: #54b358; color: #212529; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #ef9a9a; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #304562; } @@ -1587,9 +1681,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #54b358; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1620,6 +1716,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f48fb1; } + .p-selectbutton .p-button { background: #1f2d40; border: 1px solid #304562; @@ -1627,7 +1724,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1636,7 +1733,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1645,7 +1742,7 @@ color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #212529; } .p-selectbutton .p-button.p-highlight:hover { @@ -1654,12 +1751,14 @@ color: #212529; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #ef9a9a; } + .p-slider { background: #304562; border: 0 none; @@ -1711,6 +1810,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #1f2d40; border: 1px solid #304562; @@ -1718,7 +1818,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1727,7 +1827,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1736,7 +1836,7 @@ color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #212529; } .p-togglebutton.p-button.p-highlight:hover { @@ -1745,12 +1845,14 @@ color: #212529; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #ef9a9a; } + .p-treeselect { background: #17212f; border: 1px solid #304562; @@ -1787,12 +1889,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #ef9a9a; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } + .p-treeselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1852,6 +1957,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #304562; } @@ -1861,6 +1967,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #304562; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.5rem; } @@ -1868,6 +1975,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-button { color: #212529; background: #81C784; @@ -1979,7 +2087,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2006,6 +2114,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2018,414 +2127,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #78909c; border: 1px solid #78909c; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #69838f; color: #ffffff; border-color: #69838f; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a1b1ba; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #5d747f; color: #ffffff; border-color: #5d747f; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #78909c; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); color: #78909c; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); color: #78909c; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #78909c; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; color: #78909c; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; color: #78909c; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #121212; background: #81d4fa; border: 1px solid #81d4fa; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #5dc8f9; color: #121212; border-color: #5dc8f9; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a7e1fc; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #38bbf7; color: #121212; border-color: #38bbf7; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #81d4fa; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); color: #81d4fa; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); color: #81d4fa; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #81d4fa; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; color: #81d4fa; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; color: #81d4fa; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #121212; background: #c5e1a5; border: 1px solid #c5e1a5; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #b2d788; color: #121212; border-color: #b2d788; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d6eac0; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #9fce6b; color: #121212; border-color: #9fce6b; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #c5e1a5; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); color: #c5e1a5; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); color: #c5e1a5; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #c5e1a5; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; color: #c5e1a5; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; color: #c5e1a5; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #121212; background: #ffe082; border: 1px solid #ffe082; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd65c; color: #121212; border-color: #ffd65c; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffe9a8; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcd35; color: #121212; border-color: #ffcd35; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #ffe082; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffe082; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; color: #ffe082; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; color: #ffe082; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; background: #ce93d8; border: 1px solid #ce93d8; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #c278ce; color: #121212; border-color: #c278ce; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ddb3e4; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #b65ec5; color: #121212; border-color: #b65ec5; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #ce93d8; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #ce93d8; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; color: #ce93d8; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; color: #ce93d8; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #121212; background: #f48fb1; border: 1px solid #f48fb1; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #f16c98; color: #121212; border-color: #f16c98; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f7b1c8; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ed4980; color: #121212; border-color: #ed4980; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #f48fb1; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #f48fb1; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #f48fb1; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #f48fb1; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; color: #f48fb1; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; color: #f48fb1; } + .p-button.p-button-link { color: #81C784; background: transparent; @@ -2449,6 +2565,7 @@ color: #81C784; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2460,14 +2577,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2478,45 +2598,52 @@ background: rgba(255, 255, 255, 0.6); color: #17212f; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2594,6 +2721,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #78909c; @@ -2622,6 +2750,7 @@ border-color: transparent; color: #78909c; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #81d4fa; @@ -2650,6 +2779,7 @@ border-color: transparent; color: #81d4fa; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2678,6 +2808,7 @@ border-color: transparent; color: #c5e1a5; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2706,6 +2837,7 @@ border-color: transparent; color: #ffe082; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2734,6 +2866,7 @@ border-color: transparent; color: #ce93d8; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f48fb1; @@ -2762,8 +2895,9 @@ border-color: transparent; color: #f48fb1; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2774,13 +2908,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -2806,6 +2940,7 @@ background: rgba(129, 199, 132, 0.16); color: rgba(255, 255, 255, 0.87); } + .p-datatable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -2899,9 +3034,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2911,17 +3046,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -2951,12 +3086,12 @@ background: #81C784; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #1f2d40; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #1f2d40; } .p-datatable .p-datatable-loading-icon { @@ -3059,6 +3194,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3097,10 +3233,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3128,6 +3266,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3147,6 +3286,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-column-filter-overlay { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -3184,6 +3324,7 @@ border-top: 1px solid #304562; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; @@ -3212,6 +3353,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3297,6 +3439,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3305,6 +3448,7 @@ background: #1f2d40; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3343,6 +3487,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-paginator { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -3352,9 +3497,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3365,9 +3510,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); border-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -3424,6 +3569,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3509,6 +3655,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3517,6 +3664,7 @@ background: #1f2d40; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #81C784; border-radius: 50%; @@ -3528,19 +3676,20 @@ background-color: #304562; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #304562; background: #1f2d40; @@ -3597,11 +3746,11 @@ color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3674,6 +3823,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3813,7 +3963,7 @@ background: #81C784; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #1f2d40; } .p-treetable .p-treetable-loading-icon { @@ -3874,6 +4024,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -3898,6 +4049,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #304562; @@ -3970,6 +4122,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-card { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -3995,6 +4148,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #1f2d40; } @@ -4018,6 +4172,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #304562; background: #1f2d40; @@ -4058,6 +4213,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid #304562; padding: 1rem; @@ -4124,6 +4280,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #304562; border: 0 none; @@ -4134,6 +4291,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-splitter { border: 1px solid #304562; background: #1f2d40; @@ -4155,164 +4313,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #304562; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 3px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - font-weight: 600; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #81C784; - } - .p-stepper .p-stepper-panels { - background: #1f2d40; - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #304562; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #81C784; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4381,6 +4382,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #1f2d40; border: 1px solid #304562; @@ -4391,6 +4393,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4438,6 +4441,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4510,6 +4514,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4551,6 +4556,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #304562; } + .p-sidebar { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4561,7 +4567,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4571,13 +4577,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -4591,6 +4597,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #304562; color: rgba(255, 255, 255, 0.87); @@ -4610,6 +4617,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #304562; } + .p-fileupload .p-fileupload-buttonbar { background: #1f2d40; padding: 1rem; @@ -4649,6 +4657,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #6abd6e; color: #212529; @@ -4659,6 +4668,7 @@ color: #212529; border-color: #54b358; } + .p-breadcrumb { background: #1f2d40; border: 1px solid #304562; @@ -4690,6 +4700,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.25rem 0; background: #1f2d40; @@ -4737,7 +4748,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4751,7 +4762,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4762,7 +4773,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4776,6 +4787,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4799,31 +4811,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4882,7 +4895,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4896,7 +4909,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4907,7 +4920,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -4965,9 +4978,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } + .p-menu { padding: 0.25rem 0; background: #1f2d40; @@ -5004,7 +5018,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5018,7 +5032,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5029,7 +5043,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5063,6 +5077,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #1f2d40; @@ -5101,7 +5116,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5132,7 +5147,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5146,7 +5161,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5157,7 +5172,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5174,6 +5189,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5348,7 +5364,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5362,7 +5378,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5373,7 +5389,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5413,6 +5429,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-slidemenu { padding: 0.25rem 0; background: #1f2d40; @@ -5455,7 +5472,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5469,7 +5486,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5480,7 +5497,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5527,6 +5544,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5571,6 +5589,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #304562; @@ -5641,6 +5660,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #a7d8a9; } + .p-tieredmenu { padding: 0.25rem 0; background: #1f2d40; @@ -5691,7 +5711,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5705,7 +5725,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5716,7 +5736,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5730,6 +5750,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5785,6 +5806,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5873,6 +5895,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5923,7 +5946,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #044868; } .p-toast .p-toast-message.p-toast-message-success { @@ -5933,7 +5956,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5943,7 +5966,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { @@ -5953,9 +5976,10 @@ color: #73000c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #73000c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5986,7 +6010,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6043,7 +6067,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6053,7 +6077,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6062,23 +6086,29 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6102,6 +6132,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #304562; border-radius: 3px; @@ -6122,9 +6153,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #1f2d40; } + .p-badge { background: #81C784; color: #212529; @@ -6166,6 +6199,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #304562; color: rgba(255, 255, 255, 0.87); @@ -6201,6 +6235,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6215,15 +6250,19 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6231,19 +6270,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6303,6 +6347,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6318,6 +6363,7 @@ color: #212529; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6339,6 +6385,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6346,6 +6393,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #81C784; color: #212529; @@ -6378,6 +6426,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -6395,12 +6444,14 @@ .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #81C784; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #81C784; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #81C784; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #81C784; } diff --git a/src/assets/components/themes/vela-orange/theme.css b/src/assets/components/themes/vela-orange/theme.css index d6b1810c203..69a0b21f004 100644 --- a/src/assets/components/themes/vela-orange/theme.css +++ b/src/assets/components/themes/vela-orange/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.4; } + .p-error { color: #ef9a9a; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } + .p-autocomplete-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -427,9 +440,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -437,19 +452,23 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #ef9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } + .p-datepicker { padding: 0.5rem; background: #1f2d40; @@ -476,7 +495,7 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #FFD54F; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -664,10 +684,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } + .p-cascadeselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #304562; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #304562; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #ef9a9a; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -768,6 +794,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #ffc50c; color: #212529; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ef9a9a; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #304562; } @@ -831,12 +861,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #ffc50c; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ef9a9a; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #FFD54F; } @@ -875,9 +908,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #ef9a9a; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } @@ -885,22 +920,26 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #1f2d40; border: 1px solid #304562; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #17212f; border: 1px solid #304562; @@ -944,6 +983,7 @@ .p-dropdown.p-invalid.p-component { border-color: #ef9a9a; } + .p-dropdown-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1007,6 +1047,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #304562; } @@ -1019,14 +1060,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #ef9a9a; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -1039,68 +1083,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #304562; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.5rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1108,9 +1162,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #ef9a9a; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } @@ -1118,21 +1174,25 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.857rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.857rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1171,9 +1231,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #ffcd2e; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ef9a9a; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1206,54 +1268,69 @@ font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-float-label > label { left: 0.5rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #ef9a9a; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2rem; } + .p-input-icon-left.p-float-label > label { left: 2rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2rem; } + .p-icon-field-left.p-float-label > label { left: 2rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { background-color: #304562; } @@ -1263,14 +1340,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #304562; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-listbox { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1345,9 +1425,11 @@ box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ef9a9a; } + .p-multiselect { background: #17212f; border: 1px solid #304562; @@ -1387,9 +1469,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.5rem; } @@ -1397,6 +1481,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-multiselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1485,6 +1570,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #304562; } @@ -1494,12 +1580,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #304562; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #ef9a9a; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #ef9a9a; } + .p-password-panel { padding: 1rem; background: #1f2d40; @@ -1521,6 +1610,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } + p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1528,6 +1618,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1535,6 +1626,7 @@ color: rgba(255, 255, 255, 0.6); right: 2rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1572,9 +1664,11 @@ background: #ffc50c; color: #212529; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #ef9a9a; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #304562; } @@ -1587,9 +1681,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #ffc50c; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1620,6 +1716,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f48fb1; } + .p-selectbutton .p-button { background: #1f2d40; border: 1px solid #304562; @@ -1627,7 +1724,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1636,7 +1733,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1645,7 +1742,7 @@ color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #212529; } .p-selectbutton .p-button.p-highlight:hover { @@ -1654,12 +1751,14 @@ color: #212529; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #ef9a9a; } + .p-slider { background: #304562; border: 0 none; @@ -1711,6 +1810,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #1f2d40; border: 1px solid #304562; @@ -1718,7 +1818,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1727,7 +1827,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1736,7 +1836,7 @@ color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #212529; } .p-togglebutton.p-button.p-highlight:hover { @@ -1745,12 +1845,14 @@ color: #212529; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #212529; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #ef9a9a; } + .p-treeselect { background: #17212f; border: 1px solid #304562; @@ -1787,12 +1889,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #ef9a9a; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } + .p-treeselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1852,6 +1957,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #304562; } @@ -1861,6 +1967,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #304562; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.5rem; } @@ -1868,6 +1975,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-button { color: #212529; background: #FFD54F; @@ -1979,7 +2087,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2006,6 +2114,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2018,414 +2127,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #78909c; border: 1px solid #78909c; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #69838f; color: #ffffff; border-color: #69838f; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a1b1ba; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #5d747f; color: #ffffff; border-color: #5d747f; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #78909c; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); color: #78909c; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); color: #78909c; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #78909c; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; color: #78909c; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; color: #78909c; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #121212; background: #81d4fa; border: 1px solid #81d4fa; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #5dc8f9; color: #121212; border-color: #5dc8f9; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a7e1fc; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #38bbf7; color: #121212; border-color: #38bbf7; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #81d4fa; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); color: #81d4fa; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); color: #81d4fa; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #81d4fa; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; color: #81d4fa; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; color: #81d4fa; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #121212; background: #c5e1a5; border: 1px solid #c5e1a5; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #b2d788; color: #121212; border-color: #b2d788; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d6eac0; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #9fce6b; color: #121212; border-color: #9fce6b; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #c5e1a5; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); color: #c5e1a5; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); color: #c5e1a5; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #c5e1a5; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; color: #c5e1a5; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; color: #c5e1a5; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #121212; background: #ffe082; border: 1px solid #ffe082; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd65c; color: #121212; border-color: #ffd65c; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffe9a8; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcd35; color: #121212; border-color: #ffcd35; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #ffe082; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffe082; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; color: #ffe082; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; color: #ffe082; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; background: #ce93d8; border: 1px solid #ce93d8; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #c278ce; color: #121212; border-color: #c278ce; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ddb3e4; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #b65ec5; color: #121212; border-color: #b65ec5; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #ce93d8; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #ce93d8; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; color: #ce93d8; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; color: #ce93d8; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #121212; background: #f48fb1; border: 1px solid #f48fb1; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #f16c98; color: #121212; border-color: #f16c98; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f7b1c8; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ed4980; color: #121212; border-color: #ed4980; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #f48fb1; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #f48fb1; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #f48fb1; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #f48fb1; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; color: #f48fb1; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; color: #f48fb1; } + .p-button.p-button-link { color: #FFD54F; background: transparent; @@ -2449,6 +2565,7 @@ color: #FFD54F; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2460,14 +2577,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2478,45 +2598,52 @@ background: rgba(255, 255, 255, 0.6); color: #17212f; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2594,6 +2721,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #78909c; @@ -2622,6 +2750,7 @@ border-color: transparent; color: #78909c; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #81d4fa; @@ -2650,6 +2779,7 @@ border-color: transparent; color: #81d4fa; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2678,6 +2808,7 @@ border-color: transparent; color: #c5e1a5; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2706,6 +2837,7 @@ border-color: transparent; color: #ffe082; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2734,6 +2866,7 @@ border-color: transparent; color: #ce93d8; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f48fb1; @@ -2762,8 +2895,9 @@ border-color: transparent; color: #f48fb1; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2774,13 +2908,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -2806,6 +2940,7 @@ background: rgba(255, 213, 79, 0.16); color: rgba(255, 255, 255, 0.87); } + .p-datatable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -2899,9 +3034,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2911,17 +3046,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -2951,12 +3086,12 @@ background: #FFD54F; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #1f2d40; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #1f2d40; } .p-datatable .p-datatable-loading-icon { @@ -3059,6 +3194,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3097,10 +3233,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3128,6 +3266,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3147,6 +3286,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-column-filter-overlay { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -3184,6 +3324,7 @@ border-top: 1px solid #304562; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; @@ -3212,6 +3353,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3297,6 +3439,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3305,6 +3448,7 @@ background: #1f2d40; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3343,6 +3487,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-paginator { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -3352,9 +3497,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3365,9 +3510,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); border-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -3424,6 +3569,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3509,6 +3655,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3517,6 +3664,7 @@ background: #1f2d40; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #FFD54F; border-radius: 50%; @@ -3528,19 +3676,20 @@ background-color: #304562; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #304562; background: #1f2d40; @@ -3597,11 +3746,11 @@ color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3674,6 +3823,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3813,7 +3963,7 @@ background: #FFD54F; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #1f2d40; } .p-treetable .p-treetable-loading-icon { @@ -3874,6 +4024,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -3898,6 +4049,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #304562; @@ -3970,6 +4122,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-card { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -3995,6 +4148,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #1f2d40; } @@ -4018,6 +4172,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #304562; background: #1f2d40; @@ -4058,6 +4213,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid #304562; padding: 1rem; @@ -4124,6 +4280,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #304562; border: 0 none; @@ -4134,6 +4291,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-splitter { border: 1px solid #304562; background: #1f2d40; @@ -4155,164 +4313,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #304562; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 3px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - font-weight: 600; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #FFD54F; - } - .p-stepper .p-stepper-panels { - background: #1f2d40; - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #304562; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #FFD54F; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4381,6 +4382,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #1f2d40; border: 1px solid #304562; @@ -4391,6 +4393,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4438,6 +4441,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4510,6 +4514,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4551,6 +4556,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #304562; } + .p-sidebar { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4561,7 +4567,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4571,13 +4577,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -4591,6 +4597,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #304562; color: rgba(255, 255, 255, 0.87); @@ -4610,6 +4617,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #304562; } + .p-fileupload .p-fileupload-buttonbar { background: #1f2d40; padding: 1rem; @@ -4649,6 +4657,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #ffcd2e; color: #212529; @@ -4659,6 +4668,7 @@ color: #212529; border-color: #ffc50c; } + .p-breadcrumb { background: #1f2d40; border: 1px solid #304562; @@ -4690,6 +4700,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.25rem 0; background: #1f2d40; @@ -4737,7 +4748,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4751,7 +4762,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4762,7 +4773,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4776,6 +4787,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4799,31 +4811,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4882,7 +4895,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4896,7 +4909,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4907,7 +4920,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -4965,9 +4978,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } + .p-menu { padding: 0.25rem 0; background: #1f2d40; @@ -5004,7 +5018,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5018,7 +5032,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5029,7 +5043,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5063,6 +5077,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #1f2d40; @@ -5101,7 +5116,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5132,7 +5147,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5146,7 +5161,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5157,7 +5172,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5174,6 +5189,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5348,7 +5364,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5362,7 +5378,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5373,7 +5389,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5413,6 +5429,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-slidemenu { padding: 0.25rem 0; background: #1f2d40; @@ -5455,7 +5472,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5469,7 +5486,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5480,7 +5497,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5527,6 +5544,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5571,6 +5589,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #304562; @@ -5641,6 +5660,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #ffe284; } + .p-tieredmenu { padding: 0.25rem 0; background: #1f2d40; @@ -5691,7 +5711,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5705,7 +5725,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5716,7 +5736,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5730,6 +5750,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5785,6 +5806,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5873,6 +5895,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5923,7 +5946,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #044868; } .p-toast .p-toast-message.p-toast-message-success { @@ -5933,7 +5956,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5943,7 +5966,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { @@ -5953,9 +5976,10 @@ color: #73000c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #73000c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5986,7 +6010,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6043,7 +6067,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6053,7 +6077,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6062,23 +6086,29 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6102,6 +6132,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #304562; border-radius: 3px; @@ -6122,9 +6153,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #1f2d40; } + .p-badge { background: #FFD54F; color: #212529; @@ -6166,6 +6199,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #304562; color: rgba(255, 255, 255, 0.87); @@ -6201,6 +6235,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6215,15 +6250,19 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6231,19 +6270,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6303,6 +6347,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6318,6 +6363,7 @@ color: #212529; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6339,6 +6385,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6346,6 +6393,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #FFD54F; color: #212529; @@ -6378,6 +6426,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -6395,12 +6444,14 @@ .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #FFD54F; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #FFD54F; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #FFD54F; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #FFD54F; } diff --git a/src/assets/components/themes/vela-purple/theme.css b/src/assets/components/themes/vela-purple/theme.css index 1c368e3ede7..238b5f78f50 100644 --- a/src/assets/components/themes/vela-purple/theme.css +++ b/src/assets/components/themes/vela-purple/theme.css @@ -276,32 +276,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } + .p-disabled, .p-component:disabled { opacity: 0.4; } + .p-error { color: #ef9a9a; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -313,12 +321,15 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -335,6 +346,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -381,6 +393,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } + .p-autocomplete-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -427,9 +440,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -437,19 +452,23 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #ef9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } + .p-datepicker { padding: 0.5rem; background: #1f2d40; @@ -476,7 +495,7 @@ border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -486,13 +505,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -501,14 +520,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #BA68C8; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -657,6 +676,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -664,10 +684,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -710,6 +732,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } + .p-cascadeselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -749,6 +772,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #304562; } @@ -758,9 +782,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #304562; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #ef9a9a; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -768,6 +794,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -776,6 +803,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -816,9 +844,11 @@ background: #a241b2; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ef9a9a; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #304562; } @@ -831,12 +861,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #a241b2; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #ef9a9a; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #BA68C8; } @@ -875,9 +908,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #ef9a9a; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } @@ -885,22 +920,26 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #1f2d40; border: 1px solid #304562; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #17212f; border: 1px solid #304562; @@ -944,6 +983,7 @@ .p-dropdown.p-invalid.p-component { border-color: #ef9a9a; } + .p-dropdown-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1007,6 +1047,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #304562; } @@ -1019,14 +1060,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #ef9a9a; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -1039,68 +1083,78 @@ .p-inputgroup-addon:last-child { border-right: 1px solid #304562; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.5rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1108,9 +1162,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #ef9a9a; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } @@ -1118,21 +1174,25 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.857rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.857rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1171,9 +1231,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #b052c0; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ef9a9a; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1206,54 +1268,69 @@ font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-float-label > label { left: 0.5rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #ef9a9a; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2rem; } + .p-input-icon-left.p-float-label > label { left: 2rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.5rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2rem; } + .p-icon-field-left.p-float-label > label { left: 2rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { background-color: #304562; } @@ -1263,14 +1340,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #304562; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } + .p-listbox { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1345,9 +1425,11 @@ box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ef9a9a; } + .p-multiselect { background: #17212f; border: 1px solid #304562; @@ -1387,9 +1469,11 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.5rem; } @@ -1397,6 +1481,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-multiselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1485,6 +1570,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #304562; } @@ -1494,12 +1580,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #304562; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #ef9a9a; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #ef9a9a; } + .p-password-panel { padding: 1rem; background: #1f2d40; @@ -1521,6 +1610,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } + p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1528,6 +1618,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.5rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1535,6 +1626,7 @@ color: rgba(255, 255, 255, 0.6); right: 2rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1572,9 +1664,11 @@ background: #a241b2; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #ef9a9a; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #304562; } @@ -1587,9 +1681,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #a241b2; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1620,6 +1716,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f48fb1; } + .p-selectbutton .p-button { background: #1f2d40; border: 1px solid #304562; @@ -1627,7 +1724,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1636,7 +1733,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1645,7 +1742,7 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { @@ -1654,12 +1751,14 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #ef9a9a; } + .p-slider { background: #304562; border: 0 none; @@ -1711,6 +1810,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } + .p-togglebutton.p-button { background: #1f2d40; border: 1px solid #304562; @@ -1718,7 +1818,7 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1727,7 +1827,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1736,7 +1836,7 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { @@ -1745,12 +1845,14 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #ef9a9a; } + .p-treeselect { background: #17212f; border: 1px solid #304562; @@ -1787,12 +1889,15 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #ef9a9a; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } + .p-treeselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1852,6 +1957,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #304562; } @@ -1861,6 +1967,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #304562; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.5rem; } @@ -1868,6 +1975,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-button { color: #ffffff; background: #BA68C8; @@ -1979,7 +2087,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2006,6 +2114,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2018,414 +2127,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #78909c; border: 1px solid #78909c; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #69838f; color: #ffffff; border-color: #69838f; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a1b1ba; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #5d747f; color: #ffffff; border-color: #5d747f; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #78909c; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); color: #78909c; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); color: #78909c; border: 1px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #78909c; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; color: #78909c; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; color: #78909c; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #121212; background: #81d4fa; border: 1px solid #81d4fa; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #5dc8f9; color: #121212; border-color: #5dc8f9; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a7e1fc; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #38bbf7; color: #121212; border-color: #38bbf7; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #81d4fa; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); color: #81d4fa; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); color: #81d4fa; border: 1px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #81d4fa; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; color: #81d4fa; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; color: #81d4fa; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #121212; background: #c5e1a5; border: 1px solid #c5e1a5; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #b2d788; color: #121212; border-color: #b2d788; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d6eac0; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #9fce6b; color: #121212; border-color: #9fce6b; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #c5e1a5; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); color: #c5e1a5; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); color: #c5e1a5; border: 1px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #c5e1a5; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; color: #c5e1a5; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; color: #c5e1a5; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #121212; background: #ffe082; border: 1px solid #ffe082; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd65c; color: #121212; border-color: #ffd65c; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffe9a8; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcd35; color: #121212; border-color: #ffcd35; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #ffe082; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #ffe082; border: 1px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffe082; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; color: #ffe082; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; color: #ffe082; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; background: #ce93d8; border: 1px solid #ce93d8; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #c278ce; color: #121212; border-color: #c278ce; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ddb3e4; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #b65ec5; color: #121212; border-color: #b65ec5; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #ce93d8; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #ce93d8; border: 1px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #ce93d8; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; color: #ce93d8; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; color: #ce93d8; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #121212; background: #f48fb1; border: 1px solid #f48fb1; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #f16c98; color: #121212; border-color: #f16c98; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f7b1c8; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ed4980; color: #121212; border-color: #ed4980; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #f48fb1; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #f48fb1; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #f48fb1; border: 1px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #f48fb1; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; color: #f48fb1; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; color: #f48fb1; } + .p-button.p-button-link { color: #BA68C8; background: transparent; @@ -2449,6 +2565,7 @@ color: #BA68C8; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2460,14 +2577,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2478,45 +2598,52 @@ background: rgba(255, 255, 255, 0.6); color: #17212f; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 3px; } @@ -2594,6 +2721,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #78909c; @@ -2622,6 +2750,7 @@ border-color: transparent; color: #78909c; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #81d4fa; @@ -2650,6 +2779,7 @@ border-color: transparent; color: #81d4fa; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2678,6 +2808,7 @@ border-color: transparent; color: #c5e1a5; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2706,6 +2837,7 @@ border-color: transparent; color: #ffe082; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2734,6 +2866,7 @@ border-color: transparent; color: #ce93d8; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f48fb1; @@ -2762,8 +2895,9 @@ border-color: transparent; color: #f48fb1; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2774,13 +2908,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -2806,6 +2940,7 @@ background: rgba(186, 104, 200, 0.16); color: rgba(255, 255, 255, 0.87); } + .p-datatable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -2899,9 +3034,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2911,17 +3046,17 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -2951,12 +3086,12 @@ background: #BA68C8; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #1f2d40; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #1f2d40; } .p-datatable .p-datatable-loading-icon { @@ -3059,6 +3194,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3097,10 +3233,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3128,6 +3266,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3147,6 +3286,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-column-filter-overlay { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -3184,6 +3324,7 @@ border-top: 1px solid #304562; margin: 0.25rem 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; @@ -3212,6 +3353,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3297,6 +3439,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3305,6 +3448,7 @@ background: #1f2d40; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3343,6 +3487,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-paginator { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -3352,9 +3497,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3365,9 +3510,9 @@ border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); border-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -3424,6 +3569,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3509,6 +3655,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3517,6 +3664,7 @@ background: #1f2d40; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #BA68C8; border-radius: 50%; @@ -3528,19 +3676,20 @@ background-color: #304562; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 1px solid #304562; background: #1f2d40; @@ -3597,11 +3746,11 @@ color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3674,6 +3823,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3813,7 +3963,7 @@ background: #BA68C8; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #1f2d40; } .p-treetable .p-treetable-loading-icon { @@ -3874,6 +4024,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -3898,6 +4049,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #304562; @@ -3970,6 +4122,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-card { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -3995,6 +4148,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #1f2d40; } @@ -4018,6 +4172,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 1px solid #304562; background: #1f2d40; @@ -4058,6 +4213,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 1px solid #304562; padding: 1rem; @@ -4124,6 +4280,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #304562; border: 0 none; @@ -4134,6 +4291,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-splitter { border: 1px solid #304562; background: #1f2d40; @@ -4155,164 +4313,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #304562; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.2s; - border-radius: 3px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - font-weight: 600; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #BA68C8; - } - .p-stepper .p-stepper-panels { - background: #1f2d40; - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #304562; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.2s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #BA68C8; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4381,6 +4382,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-toolbar { background: #1f2d40; border: 1px solid #304562; @@ -4391,6 +4393,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4438,6 +4441,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 3px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4510,6 +4514,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4551,6 +4556,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #304562; } + .p-sidebar { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4561,7 +4567,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4571,13 +4577,13 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -4591,6 +4597,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #304562; color: rgba(255, 255, 255, 0.87); @@ -4610,6 +4617,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #304562; } + .p-fileupload .p-fileupload-buttonbar { background: #1f2d40; padding: 1rem; @@ -4649,6 +4657,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #b052c0; color: #ffffff; @@ -4659,6 +4668,7 @@ color: #ffffff; border-color: #a241b2; } + .p-breadcrumb { background: #1f2d40; border: 1px solid #304562; @@ -4690,6 +4700,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.25rem 0; background: #1f2d40; @@ -4737,7 +4748,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4751,7 +4762,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4762,7 +4773,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4776,6 +4787,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4799,31 +4811,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4882,7 +4895,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4896,7 +4909,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4907,7 +4920,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -4965,9 +4978,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } + .p-menu { padding: 0.25rem 0; background: #1f2d40; @@ -5004,7 +5018,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5018,7 +5032,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5029,7 +5043,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5063,6 +5077,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #1f2d40; @@ -5101,7 +5116,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5132,7 +5147,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5146,7 +5161,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5157,7 +5172,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5174,6 +5189,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5348,7 +5364,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5362,7 +5378,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5373,7 +5389,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5413,6 +5429,7 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } + .p-slidemenu { padding: 0.25rem 0; background: #1f2d40; @@ -5455,7 +5472,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5469,7 +5486,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5480,7 +5497,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5527,6 +5544,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5571,6 +5589,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #304562; @@ -5641,6 +5660,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #cf95d9; } + .p-tieredmenu { padding: 0.25rem 0; background: #1f2d40; @@ -5691,7 +5711,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5705,7 +5725,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5716,7 +5736,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5730,6 +5750,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5785,6 +5806,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 3px; @@ -5873,6 +5895,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5923,7 +5946,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #044868; } .p-toast .p-toast-message.p-toast-message-success { @@ -5933,7 +5956,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5943,7 +5966,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { @@ -5953,9 +5976,10 @@ color: #73000c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #73000c; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -5986,7 +6010,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6043,7 +6067,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6053,7 +6077,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6062,23 +6086,29 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6102,6 +6132,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #304562; border-radius: 3px; @@ -6122,9 +6153,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #1f2d40; } + .p-badge { background: #BA68C8; color: #ffffff; @@ -6166,6 +6199,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #304562; color: rgba(255, 255, 255, 0.87); @@ -6201,6 +6235,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6215,15 +6250,19 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6231,19 +6270,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6303,6 +6347,7 @@ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6318,6 +6363,7 @@ color: #ffffff; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6339,6 +6385,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6346,6 +6393,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #BA68C8; color: #ffffff; @@ -6378,6 +6426,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -6395,12 +6444,14 @@ .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #BA68C8; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #BA68C8; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #BA68C8; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #BA68C8; } diff --git a/src/assets/components/themes/viva-dark/theme.css b/src/assets/components/themes/viva-dark/theme.css index 8081fc7ec93..abd14f03be7 100644 --- a/src/assets/components/themes/viva-dark/theme.css +++ b/src/assets/components/themes/viva-dark/theme.css @@ -53,28 +53,32 @@ font-family: "Poppins"; font-style: normal; font-weight: 300; - src: local(""), url("./fonts/poppins-v15-latin-ext_latin-300.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local(""), url("./fonts/poppins-v15-latin-ext_latin-300.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-300.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* poppins-regular - latin-ext_latin */ @font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; - src: local(""), url("./fonts/poppins-v15-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local(""), url("./fonts/poppins-v15-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* poppins-600 - latin-ext_latin */ @font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; - src: local(""), url("./fonts/poppins-v15-latin-ext_latin-600.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local(""), url("./fonts/poppins-v15-latin-ext_latin-600.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-600.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* poppins-700 - latin-ext_latin */ @font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; - src: local(""), url("./fonts/poppins-v15-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local(""), url("./fonts/poppins-v15-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } :root { --blue-50:#f6fbfd; @@ -302,32 +306,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.3s; } + .p-disabled, .p-component:disabled { opacity: 0.4; } + .p-error { color: #f78c79; } + .p-text-secondary { color: rgba(255, 255, 255, 0.6); } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -339,12 +351,15 @@ outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -361,6 +376,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -407,6 +423,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f78c79; } + .p-autocomplete-panel { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -453,9 +470,11 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f78c79; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -463,19 +482,23 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.607rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #f78c79; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; border-color: #9eade6; } + .p-datepicker { padding: 0.5rem; background: #161d21; @@ -502,7 +525,7 @@ border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -512,13 +535,13 @@ transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(158, 173, 230, 0.08); } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -527,14 +550,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #9eade6; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -683,6 +706,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -690,10 +714,12 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: rgba(255, 255, 255, 0.6); right: 3.607rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -736,6 +762,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f78c79; } + .p-cascadeselect-panel { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -775,6 +802,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #263238; } @@ -784,9 +812,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #263238; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f78c79; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -794,6 +824,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -802,6 +833,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -842,9 +874,11 @@ background: #7f93de; color: #121212; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f78c79; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #263238; } @@ -857,12 +891,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #7f93de; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f78c79; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #2d3e44; } @@ -901,9 +938,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #f78c79; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -911,22 +950,26 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #161d21; border: 1px solid #263238; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: rgba(255, 255, 255, 0.87); } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #0e1315; border: 2px solid #263238; @@ -970,6 +1013,7 @@ .p-dropdown.p-invalid.p-component { border-color: #f78c79; } + .p-dropdown-panel { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -1033,6 +1077,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-dropdown { background: #263238; } @@ -1045,14 +1090,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #f78c79; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #161d21; color: rgba(255, 255, 255, 0.6); @@ -1065,68 +1113,78 @@ .p-inputgroup-addon:last-child { border-right: 2px solid #263238; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.857rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f78c79; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1134,9 +1192,11 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #f78c79; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1144,21 +1204,25 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.607rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.607rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1197,9 +1261,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #8fa0e2; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f78c79; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1232,54 +1298,69 @@ font-size: 1.25rem; padding: 0.625rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: rgba(255, 255, 255, 0.6); transition-duration: 0.3s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #f78c79; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } + :-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } + :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } + .p-input-filled .p-inputtext { background-color: #263238; } @@ -1289,14 +1370,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #263238; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.9375rem; } + .p-listbox { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -1371,9 +1455,11 @@ box-shadow: 0 0 0 1px #9eade6; border-color: #9eade6; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f78c79; } + .p-multiselect { background: #0e1315; border: 2px solid #263238; @@ -1413,9 +1499,11 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1423,6 +1511,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + .p-multiselect-panel { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -1511,6 +1600,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-multiselect { background: #263238; } @@ -1520,12 +1610,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #263238; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #f78c79; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #f78c79; } + .p-password-panel { padding: 1rem; background: #161d21; @@ -1547,6 +1640,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #cede9c; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1554,6 +1648,7 @@ color: rgba(255, 255, 255, 0.6); right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1561,6 +1656,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1598,9 +1694,11 @@ background: #7f93de; color: #121212; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #f78c79; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #263238; } @@ -1613,9 +1711,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #7f93de; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1646,6 +1746,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f88c79; } + .p-selectbutton .p-button { background: #161d21; border: 2px solid #263238; @@ -1653,7 +1754,7 @@ transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1662,7 +1763,7 @@ color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -1671,7 +1772,7 @@ color: #9eade6; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #9eade6; } .p-selectbutton .p-button.p-highlight:hover { @@ -1680,12 +1781,14 @@ color: #9eade6; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #9eade6; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #f78c79; } + .p-slider { background: #263238; border: 0 none; @@ -1737,6 +1840,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.3s; } + .p-togglebutton.p-button { background: #161d21; border: 2px solid #263238; @@ -1744,7 +1848,7 @@ transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1753,7 +1857,7 @@ color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { @@ -1762,7 +1866,7 @@ color: #9eade6; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #9eade6; } .p-togglebutton.p-button.p-highlight:hover { @@ -1771,12 +1875,14 @@ color: #9eade6; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #9eade6; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #f78c79; } + .p-treeselect { background: #0e1315; border: 2px solid #263238; @@ -1813,12 +1919,15 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #f78c79; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.75rem; } + .p-treeselect-panel { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -1878,6 +1987,7 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-input-filled .p-treeselect { background: #263238; } @@ -1887,6 +1997,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #263238; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1894,6 +2005,7 @@ color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + .p-button { color: #121212; background: #9eade6; @@ -2005,7 +2117,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2032,6 +2144,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2044,414 +2157,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #0e1315; background: #b4bfcd; border: 1px solid #b4bfcd; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #9dabbe; color: #0e1315; border-color: #9dabbe; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 1px #e1e5eb; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #8698ae; color: #0e1315; border-color: #8698ae; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #b4bfcd; border: 2px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(180, 191, 205, 0.04); color: #b4bfcd; border: 2px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(180, 191, 205, 0.16); color: #b4bfcd; border: 2px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #b4bfcd; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(180, 191, 205, 0.04); border-color: transparent; color: #b4bfcd; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(180, 191, 205, 0.16); border-color: transparent; color: #b4bfcd; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #35a4cc; border: 1px solid #35a4cc; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #2f94b9; color: #ffffff; border-color: #2f94b9; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #aedbeb; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #2984a4; color: #ffffff; border-color: #2984a4; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #35a4cc; border: 2px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(53, 164, 204, 0.04); color: #35a4cc; border: 2px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(53, 164, 204, 0.16); color: #35a4cc; border: 2px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #35a4cc; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(53, 164, 204, 0.04); border-color: transparent; color: #35a4cc; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(53, 164, 204, 0.16); border-color: transparent; color: #35a4cc; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #0e1315; background: #cede9c; border: 1px solid #cede9c; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #c0d580; color: #0e1315; border-color: #c0d580; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ebf2d7; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #b2cb63; color: #0e1315; border-color: #b2cb63; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #cede9c; border: 2px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 222, 156, 0.04); color: #cede9c; border: 2px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 222, 156, 0.16); color: #cede9c; border: 2px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #cede9c; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 222, 156, 0.04); border-color: transparent; color: #cede9c; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 222, 156, 0.16); border-color: transparent; color: #cede9c; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #0e1315; background: #ffe08a; border: 1px solid #ffe08a; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd663; color: #0e1315; border-color: #ffd663; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #fff3d0; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcb3b; color: #0e1315; border-color: #ffcb3b; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffe08a; border: 2px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 138, 0.04); color: #ffe08a; border: 2px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 138, 0.16); color: #ffe08a; border: 2px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffe08a; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 138, 0.04); border-color: transparent; color: #ffe08a; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 138, 0.16); border-color: transparent; color: #ffe08a; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #0e1315; background: #b09ce5; border: 1px solid #b09ce5; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #987edd; color: #0e1315; border-color: #987edd; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #dfd7f5; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7f5fd5; color: #0e1315; border-color: #7f5fd5; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #b09ce5; border: 2px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(176, 156, 229, 0.04); color: #b09ce5; border: 2px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(176, 156, 229, 0.16); color: #b09ce5; border: 2px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #b09ce5; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(176, 156, 229, 0.04); border-color: transparent; color: #b09ce5; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(176, 156, 229, 0.16); border-color: transparent; color: #b09ce5; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #0e1315; background: #e693a9; border: 1px solid #e693a9; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #df7491; color: #0e1315; border-color: #df7491; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f5d4dd; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #d85678; color: #0e1315; border-color: #d85678; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #e693a9; border: 2px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(230, 147, 169, 0.04); color: #e693a9; border: 2px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(230, 147, 169, 0.16); color: #e693a9; border: 2px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #e693a9; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(230, 147, 169, 0.04); border-color: transparent; color: #e693a9; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(230, 147, 169, 0.16); border-color: transparent; color: #e693a9; } + .p-button.p-button-link { color: #7f93de; background: transparent; @@ -2475,6 +2595,7 @@ color: #7f93de; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2486,14 +2607,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2504,45 +2628,52 @@ background: #263238; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 6px; } @@ -2620,6 +2751,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #b4bfcd; @@ -2648,6 +2780,7 @@ border-color: transparent; color: #b4bfcd; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #35a4cc; @@ -2676,6 +2809,7 @@ border-color: transparent; color: #35a4cc; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #cede9c; @@ -2704,6 +2838,7 @@ border-color: transparent; color: #cede9c; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe08a; @@ -2732,6 +2867,7 @@ border-color: transparent; color: #ffe08a; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #b09ce5; @@ -2760,6 +2896,7 @@ border-color: transparent; color: #b09ce5; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #e693a9; @@ -2788,8 +2925,9 @@ border-color: transparent; color: #e693a9; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2800,13 +2938,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(158, 173, 230, 0.08); } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -2832,6 +2970,7 @@ background: rgba(158, 173, 230, 0.16); color: #9eade6; } + .p-datatable .p-paginator-top { border-width: 0 0 2px 0; border-radius: 0; @@ -2925,9 +3064,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -2937,17 +3076,17 @@ transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(158, 173, 230, 0.08); } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -2977,12 +3116,12 @@ background: #9eade6; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #161d21; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #161d21; } .p-datatable .p-datatable-loading-icon { @@ -3085,6 +3224,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0 0 2px 0; border-radius: 0; @@ -3123,10 +3263,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3154,6 +3296,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3173,6 +3316,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } + .p-column-filter-overlay { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -3210,6 +3354,7 @@ border-top: 1px solid #263238; margin: 4px 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1.5rem; border-bottom: 0 none; @@ -3238,6 +3383,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3323,6 +3469,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(158, 173, 230, 0.08); } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3331,6 +3478,7 @@ background: #161d21; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(158, 173, 230, 0.08); color: rgba(255, 255, 255, 0.87); @@ -3369,6 +3517,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } + .p-paginator { background: #161d21; color: rgba(255, 255, 255, 0.6); @@ -3378,9 +3527,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: rgba(255, 255, 255, 0.6); @@ -3391,9 +3540,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: rgba(158, 173, 230, 0.08); border-color: transparent; color: rgba(255, 255, 255, 0.87); @@ -3450,6 +3599,7 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3535,6 +3685,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(158, 173, 230, 0.08); } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3543,6 +3694,7 @@ background: #161d21; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #9eade6; border-radius: 50%; @@ -3554,19 +3706,20 @@ background-color: #263238; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 2px solid #263238; background: #161d21; @@ -3623,11 +3776,11 @@ color: #9eade6; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #9eade6; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #9eade6; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3700,6 +3853,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } + .p-treetable .p-paginator-top { border-width: 0 0 2px 0; border-radius: 0; @@ -3839,7 +3993,7 @@ background: #9eade6; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #161d21; } .p-treetable .p-treetable-loading-icon { @@ -3900,6 +4054,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #161d21; color: rgba(255, 255, 255, 0.6); @@ -3924,6 +4079,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 2px solid #263238; @@ -3996,6 +4152,7 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } + .p-card { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -4021,6 +4178,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #161d21; } @@ -4044,6 +4202,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 2px solid #263238; background: #161d21; @@ -4084,6 +4243,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 2px solid #263238; padding: 1rem; @@ -4150,6 +4310,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #263238; border: 0 none; @@ -4160,6 +4321,7 @@ outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } + .p-splitter { border: 2px solid #263238; background: #161d21; @@ -4181,164 +4343,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #263238; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #9eade6; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.3s; - border-radius: 6px; - background: transparent; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: rgba(255, 255, 255, 0.87); - border: 2px solid #263238; - border-width: 2px; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - font-weight: 600; - transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #9eade6; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: rgba(158, 173, 230, 0.16); - color: #9eade6; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #9eade6; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #9eade6; - } - .p-stepper .p-stepper-panels { - background: #161d21; - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper .p-stepper-separator { - background-color: #263238; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.3s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #161d21; - color: rgba(255, 255, 255, 0.87); - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #9eade6; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.857rem; } @@ -4407,6 +4412,7 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } + .p-toolbar { background: #161d21; border: 2px solid #263238; @@ -4417,6 +4423,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -4464,6 +4471,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4536,6 +4544,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -4577,6 +4586,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #263238; } + .p-sidebar { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -4587,7 +4597,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -4597,13 +4607,13 @@ transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(158, 173, 230, 0.08); } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -4617,6 +4627,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #263238; color: rgba(255, 255, 255, 0.87); @@ -4636,6 +4647,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #263238; } + .p-fileupload .p-fileupload-buttonbar { background: #161d21; padding: 1rem; @@ -4675,6 +4687,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #8fa0e2; color: #121212; @@ -4685,6 +4698,7 @@ color: #121212; border-color: #7f93de; } + .p-breadcrumb { background: #161d21; border: 2px solid #263238; @@ -4716,6 +4730,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); } + .p-contextmenu { padding: 0.5rem 0.5rem; background: #161d21; @@ -4763,7 +4778,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4777,7 +4792,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4788,7 +4803,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4802,6 +4817,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4825,31 +4841,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4908,7 +4925,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4922,7 +4939,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4933,7 +4950,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -4991,9 +5008,10 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } + .p-menu { padding: 0.5rem 0.5rem; background: #161d21; @@ -5030,7 +5048,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5044,7 +5062,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5055,7 +5073,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5089,6 +5107,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #161d21; @@ -5127,7 +5146,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5158,7 +5177,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5172,7 +5191,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5183,7 +5202,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5200,6 +5219,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5374,7 +5394,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5388,7 +5408,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5399,7 +5419,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5439,6 +5459,7 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } + .p-slidemenu { padding: 0.5rem 0.5rem; background: #161d21; @@ -5481,7 +5502,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5495,7 +5516,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5506,7 +5527,7 @@ color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5553,6 +5574,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.3s; @@ -5597,6 +5619,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #263238; @@ -5667,6 +5690,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #9eade6; } + .p-tieredmenu { padding: 0.5rem 0.5rem; background: #161d21; @@ -5717,7 +5741,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5731,7 +5755,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5742,7 +5766,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5756,6 +5780,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.75rem; margin: 0; @@ -5811,6 +5836,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 6px; @@ -5899,6 +5925,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5949,7 +5976,7 @@ color: #0e1315; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #0e1315; } .p-toast .p-toast-message.p-toast-message-success { @@ -5959,7 +5986,7 @@ color: #0e1315; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #0e1315; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5969,7 +5996,7 @@ color: #0e1315; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #0e1315; } .p-toast .p-toast-message.p-toast-message-error { @@ -5979,9 +6006,10 @@ color: #0e1315; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #0e1315; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -6012,7 +6040,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6069,7 +6097,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; @@ -6079,7 +6107,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } @@ -6088,23 +6116,29 @@ outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6128,6 +6162,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #263238; border-radius: 6px; @@ -6148,9 +6183,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #161d21; } + .p-badge { background: #9eade6; color: #121212; @@ -6192,6 +6229,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #263238; color: rgba(255, 255, 255, 0.87); @@ -6227,6 +6265,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.75rem; border-radius: 6px; @@ -6241,15 +6280,19 @@ outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6257,19 +6300,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6329,6 +6377,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6344,6 +6393,7 @@ color: #121212; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6365,6 +6415,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 6px; @@ -6372,6 +6423,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } + .p-tag { background: #9eade6; color: #121212; @@ -6404,6 +6456,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -6422,16 +6475,20 @@ .p-button .p-button-label { font-weight: 600; } + .p-buttonset .p-button-label, - .p-togglebutton .p-button-label { +.p-togglebutton .p-button-label { font-weight: 400; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #9eade6; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #9eade6; } + .p-panel { border: 2px solid #263238; border-radius: 6px; @@ -6442,9 +6499,11 @@ .p-panel .p-panel-content { border: 0 none; } + .p-fieldset .p-fieldset-legend { border-color: transparent; } + .p-accordion .p-accordion-toggle-icon { order: 10; margin-left: auto; @@ -6462,6 +6521,7 @@ .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-bottom: 0 none; } + .p-inline-message.p-inline-message-info { border-color: #a3d7e6; } @@ -6474,30 +6534,39 @@ .p-inline-message.p-inline-message-error { border-color: #e6a3b2; } + .p-inputtext:enabled:focus { box-shadow: none; } + .p-dropdown:not(.p-disabled).p-focus { box-shadow: none; } + .p-multiselect:not(.p-disabled).p-focus { box-shadow: none; } + .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: none; } + .p-autocomplete.p-autocomplete-multiple:not(.p-disabled).p-focus { box-shadow: none; } + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: none; } + .p-orderlist .p-orderlist-list { border-top: 0 none; } + .p-picklist .p-picklist-list { border-top: 0 none; } + .p-panelmenu .p-panelmenu-icon.pi-chevron-right, .p-panelmenu .p-panelmenu-icon.pi-chevron-down { order: 10; margin-left: auto; @@ -6516,6 +6585,7 @@ padding-bottom: calc(1rem + 2px); border-bottom: 0 none; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #9eade6; } diff --git a/src/assets/components/themes/viva-light/theme.css b/src/assets/components/themes/viva-light/theme.css index 9384ab413a2..8b5fb01cd3b 100644 --- a/src/assets/components/themes/viva-light/theme.css +++ b/src/assets/components/themes/viva-light/theme.css @@ -54,28 +54,32 @@ font-family: "Poppins"; font-style: normal; font-weight: 300; - src: local(""), url("./fonts/poppins-v15-latin-ext_latin-300.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local(""), url("./fonts/poppins-v15-latin-ext_latin-300.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-300.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* poppins-regular - latin-ext_latin */ @font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; - src: local(""), url("./fonts/poppins-v15-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local(""), url("./fonts/poppins-v15-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* poppins-600 - latin-ext_latin */ @font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; - src: local(""), url("./fonts/poppins-v15-latin-ext_latin-600.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local(""), url("./fonts/poppins-v15-latin-ext_latin-600.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-600.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* poppins-700 - latin-ext_latin */ @font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; - src: local(""), url("./fonts/poppins-v15-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + src: local(""), url("./fonts/poppins-v15-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } :root { --blue-50:#f6fbfd; @@ -303,32 +307,40 @@ * { box-sizing: border-box; } + .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } + .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.3s; } + .p-disabled, .p-component:disabled { opacity: 0.6; } + .p-error { color: #f88c79; } + .p-text-secondary { color: #898989; } + .pi { font-size: 1rem; } + .p-icon { width: 1rem; height: 1rem; } + .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -340,12 +352,15 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } + .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } + .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } + @keyframes p-component-overlay-enter-animation { from { background-color: transparent; @@ -362,6 +377,7 @@ background-color: transparent; } } + .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -408,6 +424,7 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f88c79; } + .p-autocomplete-panel { background: #ffffff; color: #6c6c6c; @@ -454,9 +471,11 @@ color: #6c6c6c; background: transparent; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f88c79; } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -464,19 +483,23 @@ color: #898989; right: 0.75rem; } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #898989; right: 3.607rem; } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #f88c79; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; border-color: #91a4e3; } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -503,7 +526,7 @@ border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, - .p-datepicker .p-datepicker-header .p-datepicker-next { +.p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #898989; @@ -513,13 +536,13 @@ transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #6c6c6c; border-color: transparent; background: #edf0fa; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, - .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -528,14 +551,14 @@ line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #6c6c6c; transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, - .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #5472d4; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -684,6 +707,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } + p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -691,10 +715,12 @@ color: #898989; right: 0.75rem; } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #898989; right: 3.607rem; } + @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; @@ -737,6 +763,7 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f88c79; } + .p-cascadeselect-panel { background: #ffffff; color: #6c6c6c; @@ -776,6 +803,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } + .p-input-filled .p-cascadeselect { background: #f2f2f2; } @@ -785,9 +813,11 @@ .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #f2f2f2; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f88c79; } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -795,6 +825,7 @@ color: #898989; right: 2.857rem; } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -803,6 +834,7 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } + .p-checkbox { width: 20px; height: 20px; @@ -843,9 +875,11 @@ background: #3c5ece; color: #ffffff; } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f88c79; } + .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f2f2f2; } @@ -858,12 +892,15 @@ .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #3c5ece; } + .p-checkbox-label { margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f88c79; } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #cecece; } @@ -902,9 +939,11 @@ padding: 0; margin: 0; } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #f88c79; } + p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } @@ -912,22 +951,26 @@ color: #898989; right: 0.75rem; } + .p-colorpicker-preview, - .p-fluid .p-colorpicker-preview.p-inputtext { +.p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } + .p-colorpicker-panel { background: #585858; border: 1px solid #585858; } .p-colorpicker-panel .p-colorpicker-color-handle, - .p-colorpicker-panel .p-colorpicker-hue-handle { +.p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } + .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } + .p-dropdown { background: #ffffff; border: 2px solid #e1e1e1; @@ -971,6 +1014,7 @@ .p-dropdown.p-invalid.p-component { border-color: #f88c79; } + .p-dropdown-panel { background: #ffffff; color: #6c6c6c; @@ -1034,6 +1078,7 @@ color: #6c6c6c; background: transparent; } + .p-input-filled .p-dropdown { background: #f2f2f2; } @@ -1046,14 +1091,17 @@ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #f88c79; } + .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } + .p-inputgroup-addon { background: #f5f5f5; color: #898989; @@ -1066,68 +1114,78 @@ .p-inputgroup-addon:last-child { border-right: 2px solid #e1e1e1; } + .p-inputgroup > .p-component, - .p-inputgroup > .p-inputwrapper > .p-inputtext, - .p-inputgroup > .p-float-label > .p-component { +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, - .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, - .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, - .p-inputgroup > .p-float-label > .p-component:focus { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, - .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, - .p-inputgroup > .p-float-label > .p-component:focus ~ label { +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } + .p-inputgroup-addon:first-child, - .p-inputgroup button:first-child, - .p-inputgroup input:first-child, - .p-inputgroup > .p-inputwrapper:first-child > .p-component, - .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + .p-inputgroup-addon:last-child, - .p-inputgroup button:last-child, - .p-inputgroup input:last-child, - .p-inputgroup > .p-inputwrapper:last-child > .p-component, - .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.857rem; } + .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: #898989; } + .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: #898989; } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f88c79; } + p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1135,9 +1193,11 @@ color: #898989; right: 0.75rem; } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #f88c79; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } @@ -1145,21 +1205,25 @@ color: #898989; right: 0.75rem; } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.607rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.607rem; } + .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } + .p-inputotp-input { text-align: center; width: 2.5rem; } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1198,9 +1262,11 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #4868d1; } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f88c79; } + .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); @@ -1233,54 +1299,69 @@ font-size: 1.25rem; padding: 0.625rem 0.9375rem; } + .p-float-label > label { left: 0.75rem; color: #898989; transition-duration: 0.3s; } + .p-float-label > .ng-invalid.ng-dirty + label { color: #f88c79; } + .p-input-icon-left > .p-icon-wrapper.p-icon, - .p-input-icon-left > i:first-of-type { +.p-input-icon-left > i:first-of-type { left: 0.75rem; color: #898989; } + .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } + .p-input-icon-left.p-float-label > label { left: 2.5rem; } + .p-input-icon-right > .p-icon-wrapper, - .p-input-icon-right > i:last-of-type { +.p-input-icon-right > i:last-of-type { right: 0.75rem; color: #898989; } + .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } + .p-icon-field-left.p-float-label > label { left: 2.5rem; } + .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } + ::-webkit-input-placeholder { color: #898989; } + :-moz-placeholder { color: #898989; } + ::-moz-placeholder { color: #898989; } + :-ms-input-placeholder { color: #898989; } + .p-input-filled .p-inputtext { background-color: #f2f2f2; } @@ -1290,14 +1371,17 @@ .p-input-filled .p-inputtext:enabled:focus { background-color: #f2f2f2; } + .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.65625rem; } + .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.9375rem; } + .p-listbox { background: #ffffff; color: #6c6c6c; @@ -1372,9 +1456,11 @@ box-shadow: 0 0 0 0.1rem #bbc7ee; border-color: #91a4e3; } + p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f88c79; } + .p-multiselect { background: #ffffff; border: 2px solid #e1e1e1; @@ -1414,9 +1500,11 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } @@ -1424,6 +1512,7 @@ color: #898989; right: 2.857rem; } + .p-multiselect-panel { background: #ffffff; color: #6c6c6c; @@ -1512,6 +1601,7 @@ color: #6c6c6c; background: transparent; } + .p-input-filled .p-multiselect { background: #f2f2f2; } @@ -1521,12 +1611,15 @@ .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #f2f2f2; } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #f88c79; } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #f88c79; } + .p-password-panel { padding: 1rem; background: #ffffff; @@ -1548,6 +1641,7 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #8bae2c; } + p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1555,6 +1649,7 @@ color: #898989; right: 0.75rem; } + p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1562,6 +1657,7 @@ color: #898989; right: 2.5rem; } + .p-radiobutton { width: 20px; height: 20px; @@ -1599,9 +1695,11 @@ background: #3c5ece; color: #ffffff; } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #f88c79; } + .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f2f2f2; } @@ -1614,9 +1712,11 @@ .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #3c5ece; } + .p-radiobutton-label { margin-left: 0.5rem; } + .p-rating { gap: 0.5rem; } @@ -1647,6 +1747,7 @@ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f88c79; } + .p-selectbutton .p-button { background: #ffffff; border: 2px solid #e1e1e1; @@ -1654,7 +1755,7 @@ transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; } .p-selectbutton .p-button .p-button-icon-left, - .p-selectbutton .p-button .p-button-icon-right { +.p-selectbutton .p-button .p-button-icon-right { color: #898989; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1663,7 +1764,7 @@ color: #6c6c6c; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #898989; } .p-selectbutton .p-button.p-highlight { @@ -1672,7 +1773,7 @@ color: #585858; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, - .p-selectbutton .p-button.p-highlight .p-button-icon-right { +.p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #585858; } .p-selectbutton .p-button.p-highlight:hover { @@ -1681,12 +1782,14 @@ color: #585858; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #585858; } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #f88c79; } + .p-slider { background: #ebebeb; border: 0 none; @@ -1738,6 +1841,7 @@ .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.3s; } + .p-togglebutton.p-button { background: #ffffff; border: 2px solid #e1e1e1; @@ -1745,7 +1849,7 @@ transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; } .p-togglebutton.p-button .p-button-icon-left, - .p-togglebutton.p-button .p-button-icon-right { +.p-togglebutton.p-button .p-button-icon-right { color: #898989; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1754,7 +1858,7 @@ color: #6c6c6c; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #898989; } .p-togglebutton.p-button.p-highlight { @@ -1763,7 +1867,7 @@ color: #585858; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, - .p-togglebutton.p-button.p-highlight .p-button-icon-right { +.p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #585858; } .p-togglebutton.p-button.p-highlight:hover { @@ -1772,12 +1876,14 @@ color: #585858; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #585858; } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #f88c79; } + .p-treeselect { background: #ffffff; border: 2px solid #e1e1e1; @@ -1814,12 +1920,15 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #f88c79; } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.75rem; } + .p-treeselect-panel { background: #ffffff; color: #6c6c6c; @@ -1879,6 +1988,7 @@ color: #6c6c6c; background: transparent; } + .p-input-filled .p-treeselect { background: #f2f2f2; } @@ -1888,6 +1998,7 @@ .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #f2f2f2; } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1895,6 +2006,7 @@ color: #898989; right: 2.857rem; } + .p-button { color: #ffffff; background: #5472d4; @@ -2006,7 +2118,7 @@ padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, - .p-button.p-button-icon-only .p-button-icon-right { +.p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { @@ -2033,6 +2145,7 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } + .p-fluid .p-button { width: 100%; } @@ -2045,414 +2158,421 @@ .p-fluid .p-buttonset .p-button { flex: 1; } + .p-button.p-button-secondary, - .p-buttonset.p-button-secondary > .p-button, - .p-splitbutton.p-button-secondary > .p-button { +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #8191a6; border: 1px solid #8191a6; } .p-button.p-button-secondary:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #70829a; color: #ffffff; border-color: #70829a; } .p-button.p-button-secondary:not(:disabled):focus, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #cdd3db; } .p-button.p-button-secondary:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #62738a; color: #ffffff; border-color: #62738a; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #8191a6; border: 2px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 145, 166, 0.04); color: #8191a6; border: 2px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 145, 166, 0.16); color: #8191a6; border: 2px solid; } .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 { +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #8191a6; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 145, 166, 0.04); border-color: transparent; color: #8191a6; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 145, 166, 0.16); border-color: transparent; color: #8191a6; } + .p-button.p-button-info, - .p-buttonset.p-button-info > .p-button, - .p-splitbutton.p-button-info > .p-button { +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #35a4cc; border: 1px solid #35a4cc; } .p-button.p-button-info:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #2f94b9; color: #ffffff; border-color: #2f94b9; } .p-button.p-button-info:not(:disabled):focus, - .p-buttonset.p-button-info > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #aedbeb; } .p-button.p-button-info:not(:disabled):active, - .p-buttonset.p-button-info > .p-button:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button:not(:disabled):active { +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #2984a4; color: #ffffff; border-color: #2984a4; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #35a4cc; border: 2px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(53, 164, 204, 0.04); color: #35a4cc; border: 2px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(53, 164, 204, 0.16); color: #35a4cc; border: 2px solid; } .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 { +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #35a4cc; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(53, 164, 204, 0.04); border-color: transparent; color: #35a4cc; } .p-button.p-button-info.p-button-text:not(:disabled):active, - .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(53, 164, 204, 0.16); border-color: transparent; color: #35a4cc; } + .p-button.p-button-success, - .p-buttonset.p-button-success > .p-button, - .p-splitbutton.p-button-success > .p-button { +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #8bae2c; border: 1px solid #8bae2c; } .p-button.p-button-success:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #7d9d28; color: #ffffff; border-color: #7d9d28; } .p-button.p-button-success:not(:disabled):focus, - .p-buttonset.p-button-success > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #d5e7a2; } .p-button.p-button-success:not(:disabled):active, - .p-buttonset.p-button-success > .p-button:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button:not(:disabled):active { +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #6f8b23; color: #ffffff; border-color: #6f8b23; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #8bae2c; border: 2px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(139, 174, 44, 0.04); color: #8bae2c; border: 2px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(139, 174, 44, 0.16); color: #8bae2c; border: 2px solid; } .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 { +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #8bae2c; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(139, 174, 44, 0.04); border-color: transparent; color: #8bae2c; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(139, 174, 44, 0.16); border-color: transparent; color: #8bae2c; } + .p-button.p-button-warning, - .p-buttonset.p-button-warning > .p-button, - .p-splitbutton.p-button-warning > .p-button { +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #ffffff; background: #ff922a; border: 1px solid #ff922a; } .p-button.p-button-warning:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ff830c; color: #ffffff; border-color: #ff830c; } .p-button.p-button-warning:not(:disabled):focus, - .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #ffd3aa; } .p-button.p-button-warning:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ee7400; color: #ffffff; border-color: #ee7400; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ff922a; border: 2px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 146, 42, 0.04); color: #ff922a; border: 2px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 146, 42, 0.16); color: #ff922a; border: 2px solid; } .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 { +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ff922a; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 146, 42, 0.04); border-color: transparent; color: #ff922a; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 146, 42, 0.16); border-color: transparent; color: #ff922a; } + .p-button.p-button-help, - .p-buttonset.p-button-help > .p-button, - .p-splitbutton.p-button-help > .p-button { +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #7654d4; border: 1px solid #7654d4; } .p-button.p-button-help:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #633cce; color: #ffffff; border-color: #633cce; } .p-button.p-button-help:not(:disabled):focus, - .p-buttonset.p-button-help > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #c8bbee; } .p-button.p-button-help:not(:disabled):active, - .p-buttonset.p-button-help > .p-button:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button:not(:disabled):active { +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #5530bd; color: #ffffff; border-color: #5530bd; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #7654d4; border: 2px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(118, 84, 212, 0.04); color: #7654d4; border: 2px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(118, 84, 212, 0.16); color: #7654d4; border: 2px solid; } .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 { +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #7654d4; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(118, 84, 212, 0.04); border-color: transparent; color: #7654d4; } .p-button.p-button-help.p-button-text:not(:disabled):active, - .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(118, 84, 212, 0.16); border-color: transparent; color: #7654d4; } + .p-button.p-button-danger, - .p-buttonset.p-button-danger > .p-button, - .p-splitbutton.p-button-danger > .p-button { +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #d45472; border: 1px solid #d45472; } .p-button.p-button-danger:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #ce3c5e; color: #ffffff; border-color: #ce3c5e; } .p-button.p-button-danger:not(:disabled):focus, - .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #eebbc7; } .p-button.p-button-danger:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #bd3051; color: #ffffff; border-color: #bd3051; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #d45472; border: 2px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(212, 84, 114, 0.04); color: #d45472; border: 2px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(212, 84, 114, 0.16); color: #d45472; border: 2px solid; } .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 { +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #d45472; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(212, 84, 114, 0.04); border-color: transparent; color: #d45472; } .p-button.p-button-danger.p-button-text:not(:disabled):active, - .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(212, 84, 114, 0.16); border-color: transparent; color: #d45472; } + .p-button.p-button-link { color: #3c5ece; background: transparent; @@ -2476,6 +2596,7 @@ color: #3c5ece; border-color: transparent; } + .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2487,14 +2608,17 @@ width: 1.3rem; height: 1.3rem; } + .p-speeddial-list { outline: 0 none; } + .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } + .p-speeddial-action { width: 3rem; height: 3rem; @@ -2505,45 +2629,52 @@ background: #585858; color: #fff; } + .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } + .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } + .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } + .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } + .p-speeddial-circle .p-speeddial-item, - .p-speeddial-semi-circle .p-speeddial-item, - .p-speeddial-quarter-circle .p-speeddial-item { +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, - .p-speeddial-semi-circle .p-speeddial-item:first-child, - .p-speeddial-semi-circle .p-speeddial-item:last-child, - .p-speeddial-quarter-circle .p-speeddial-item:first-child, - .p-speeddial-quarter-circle .p-speeddial-item:last-child { +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } + .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } + .p-splitbutton { border-radius: 6px; } @@ -2621,6 +2752,7 @@ .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #8191a6; @@ -2649,6 +2781,7 @@ border-color: transparent; color: #8191a6; } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #35a4cc; @@ -2677,6 +2810,7 @@ border-color: transparent; color: #35a4cc; } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #8bae2c; @@ -2705,6 +2839,7 @@ border-color: transparent; color: #8bae2c; } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ff922a; @@ -2733,6 +2868,7 @@ border-color: transparent; color: #ff922a; } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #7654d4; @@ -2761,6 +2897,7 @@ border-color: transparent; color: #7654d4; } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d45472; @@ -2789,8 +2926,9 @@ border-color: transparent; color: #d45472; } + .p-carousel .p-carousel-content .p-carousel-prev, - .p-carousel .p-carousel-content .p-carousel-next { +.p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #898989; @@ -2801,13 +2939,13 @@ margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, - .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #6c6c6c; border-color: transparent; background: #edf0fa; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, - .p-carousel .p-carousel-content .p-carousel-next:focus-visible { +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -2833,6 +2971,7 @@ background: #ced6f1; color: #585858; } + .p-datatable .p-paginator-top { border-width: 0 0 2px 0; border-radius: 0; @@ -2926,9 +3065,9 @@ padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #898989; @@ -2938,17 +3077,17 @@ transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #6c6c6c; border-color: transparent; background: #edf0fa; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -2978,12 +3117,12 @@ background: #5472d4; } .p-datatable .p-datatable-scrollable-header, - .p-datatable .p-datatable-scrollable-footer { +.p-datatable .p-datatable-scrollable-footer { background: #ffffff; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #ffffff; } .p-datatable .p-datatable-loading-icon { @@ -3086,6 +3225,7 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } + .p-dataview .p-paginator-top { border-width: 0 0 2px 0; border-radius: 0; @@ -3124,10 +3264,12 @@ .p-dataview .p-dataview-emptymessage { padding: 1rem; } + .p-column-filter-row .p-column-filter-menu-button, - .p-column-filter-row .p-column-filter-clear-button { +.p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } + .p-column-filter-menu-button { width: 2rem; height: 2rem; @@ -3155,6 +3297,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } + .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3174,6 +3317,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } + .p-column-filter-overlay { background: #ffffff; color: #6c6c6c; @@ -3211,6 +3355,7 @@ border-top: 1px solid #ebebeb; margin: 4px 0; } + .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1.5rem; border-bottom: 0 none; @@ -3239,6 +3384,7 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } + .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3324,6 +3470,7 @@ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #edf0fa; } + .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3332,6 +3479,7 @@ background: #ffffff; margin: 0; } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #edf0fa; color: #6c6c6c; @@ -3370,6 +3518,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } + .p-paginator { background: #ffffff; color: #898989; @@ -3379,9 +3528,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first, - .p-paginator .p-paginator-prev, - .p-paginator .p-paginator-next, - .p-paginator .p-paginator-last { +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #898989; @@ -3392,9 +3541,9 @@ border-radius: 6px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, - .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #edf0fa; border-color: transparent; color: #6c6c6c; @@ -3451,6 +3600,7 @@ border-color: transparent; color: #6c6c6c; } + .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3536,6 +3686,7 @@ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #edf0fa; } + .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3544,6 +3695,7 @@ background: #ffffff; margin: 0; } + .p-timeline .p-timeline-event-marker { border: 2px solid #5472d4; border-radius: 50%; @@ -3555,19 +3707,20 @@ background-color: #ebebeb; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, - .p-timeline.p-timeline-vertical .p-timeline-event-content { +.p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, - .p-timeline.p-timeline-horizontal .p-timeline-event-content { +.p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } + .p-tree { border: 2px solid #ebebeb; background: #ffffff; @@ -3624,11 +3777,11 @@ color: #585858; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #585858; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #585858; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { @@ -3701,6 +3854,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } + .p-treetable .p-paginator-top { border-width: 0 0 2px 0; border-radius: 0; @@ -3840,7 +3994,7 @@ background: #5472d4; } .p-treetable .p-treetable-scrollable-header, - .p-treetable .p-treetable-scrollable-footer { +.p-treetable .p-treetable-scrollable-footer { background: #ffffff; } .p-treetable .p-treetable-loading-icon { @@ -3901,6 +4055,7 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } + .p-virtualscroller .p-virtualscroller-header { background: #ffffff; color: #6c6c6c; @@ -3925,6 +4080,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 2px solid #ebebeb; @@ -3997,6 +4153,7 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } + .p-card { background: #ffffff; color: #6c6c6c; @@ -4022,6 +4179,7 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } + .p-divider .p-divider-content { background-color: #ffffff; } @@ -4045,6 +4203,7 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } + .p-fieldset { border: 2px solid #ebebeb; background: #ffffff; @@ -4085,6 +4244,7 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } + .p-panel .p-panel-header { border: 2px solid #ebebeb; padding: 1rem; @@ -4151,6 +4311,7 @@ width: 100%; text-align: center; } + .p-scrollpanel .p-scrollpanel-bar { background: #f5f5f5; border: 0 none; @@ -4161,6 +4322,7 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } + .p-splitter { border: 2px solid #ebebeb; background: #ffffff; @@ -4182,164 +4344,7 @@ .p-splitter .p-splitter-gutter-resizing { background: #ebebeb; } - .p-stepper .p-stepper-nav { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - padding: 0; - list-style-type: none; - overflow-x: auto; - } - .p-stepper-vertical .p-stepper-nav { - flex-direction: column; - } - .p-stepper-header { - position: relative; - display: flex; - flex: 1 1 auto; - align-items: center; - } - .p-stepper-header:last-of-type { - flex: initial; - } - .p-stepper-header .p-stepper-action { - border: 0 none; - display: inline-flex; - align-items: center; - text-decoration: none; - cursor: pointer; - } - .p-stepper-header .p-stepper-action:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem #bbc7ee; - } - .p-stepper.p-stepper-readonly .p-stepper-header { - cursor: auto; - } - .p-stepper-header.p-highlight .p-stepper-action { - cursor: default; - } - .p-stepper-title { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - } - .p-stepper-number { - display: flex; - align-items: center; - justify-content: center; - } - .p-stepper-separator { - flex: 1 1 0; - } - .p-stepper .p-stepper-nav { - display: flex; - justify-content: space-between; - margin: 0; - padding: 0; - list-style-type: none; - } - .p-stepper .p-stepper-header { - padding: 0.5rem; - } - .p-stepper .p-stepper-header .p-stepper-action { - transition: box-shadow 0.3s; - border-radius: 6px; - background: #ffffff; - outline-color: transparent; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { - color: #6c6c6c; - border: 2px solid #ebebeb; - border-width: 2px; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - border-radius: 50%; - transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; - } - .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { - margin-left: 0.5rem; - color: #898989; - font-weight: 600; - transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; - } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem #bbc7ee; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-number { - background: #ced6f1; - color: #585858; - } - .p-stepper .p-stepper-header.p-highlight .p-stepper-title { - color: #6c6c6c; - } - .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem #bbc7ee; - } - .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { - background-color: #5472d4; - } - .p-stepper .p-stepper-panels { - background: #ffffff; - padding: 1rem; - color: #6c6c6c; - } - .p-stepper .p-stepper-separator { - background-color: #ebebeb; - width: 100%; - height: 2px; - margin-inline-start: 1rem; - transition: box-shadow 0.3s; - } - .p-stepper.p-stepper-vertical { - display: flex; - flex-direction: column; - } - .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { - display: flex; - flex: 1 1 auto; - background: #ffffff; - color: #6c6c6c; - } - .p-stepper.p-stepper-vertical .p-stepper-panel { - display: flex; - flex-direction: column; - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { - flex: 1 1 auto; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { - flex: initial; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { - width: 100%; - padding-left: 1rem; - } - .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { - flex: 0 0 auto; - width: 2px; - height: auto; - margin-inline-start: calc(1.75rem + 2px); - } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { - background-color: #5472d4; - } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { - padding-left: 3rem; - } + .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.857rem; } @@ -4408,6 +4413,7 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } + .p-toolbar { background: #ffffff; border: 2px solid #ebebeb; @@ -4418,6 +4424,7 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } + .p-confirm-popup { background: #ffffff; color: #6c6c6c; @@ -4465,6 +4472,7 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } + .p-dialog { border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4537,6 +4545,7 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } + .p-overlaypanel { background: #ffffff; color: #6c6c6c; @@ -4578,6 +4587,7 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } + .p-sidebar { background: #ffffff; color: #6c6c6c; @@ -4588,7 +4598,7 @@ padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, - .p-sidebar .p-sidebar-header .p-sidebar-icon { +.p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #898989; @@ -4598,13 +4608,13 @@ transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, - .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #6c6c6c; border-color: transparent; background: #edf0fa; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, - .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -4618,6 +4628,7 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } + .p-tooltip .p-tooltip-text { background: #585858; color: #ffffff; @@ -4637,6 +4648,7 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #585858; } + .p-fileupload .p-fileupload-buttonbar { background: #ffffff; padding: 1rem; @@ -4676,6 +4688,7 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } + .p-fileupload-choose:not(.p-disabled):hover { background: #4868d1; color: #ffffff; @@ -4686,6 +4699,7 @@ color: #ffffff; border-color: #3c5ece; } + .p-breadcrumb { background: #ffffff; border: 2px solid #ebebeb; @@ -4717,6 +4731,7 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #898989; } + .p-contextmenu { padding: 0.5rem 0.5rem; background: #ffffff; @@ -4764,7 +4779,7 @@ color: #6c6c6c; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4778,7 +4793,7 @@ color: #6c6c6c; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c6c6c; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4789,7 +4804,7 @@ color: #6c6c6c; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } .p-contextmenu .p-menuitem-separator { @@ -4803,6 +4818,7 @@ width: 0.875rem; height: 0.875rem; } + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); @@ -4826,31 +4842,32 @@ height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-bottom .p-dock-item-second-next { +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-bottom .p-dock-item-next { +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-right .p-dock-item-second-next { +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-right .p-dock-item-next { +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } + @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; @@ -4909,7 +4926,7 @@ color: #6c6c6c; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4923,7 +4940,7 @@ color: #6c6c6c; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c6c6c; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4934,7 +4951,7 @@ color: #6c6c6c; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } .p-megamenu .p-megamenu-panel { @@ -4992,9 +5009,10 @@ color: #6c6c6c; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } + .p-menu { padding: 0.5rem 0.5rem; background: #ffffff; @@ -5031,7 +5049,7 @@ color: #6c6c6c; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5045,7 +5063,7 @@ color: #6c6c6c; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c6c6c; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5056,7 +5074,7 @@ color: #6c6c6c; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } .p-menu.p-menu-overlay { @@ -5090,6 +5108,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-menubar { padding: 0.5rem; background: #f5f5f5; @@ -5128,7 +5147,7 @@ color: #6c6c6c; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5159,7 +5178,7 @@ color: #6c6c6c; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5173,7 +5192,7 @@ color: #6c6c6c; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c6c6c; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5184,7 +5203,7 @@ color: #6c6c6c; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } .p-menubar .p-submenu-list { @@ -5201,6 +5220,7 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } + @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5375,7 +5395,7 @@ color: #6c6c6c; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5389,7 +5409,7 @@ color: #6c6c6c; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c6c6c; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5400,7 +5420,7 @@ color: #6c6c6c; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5440,6 +5460,7 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } + .p-slidemenu { padding: 0.5rem 0.5rem; background: #ffffff; @@ -5482,7 +5503,7 @@ color: #6c6c6c; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5496,7 +5517,7 @@ color: #6c6c6c; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c6c6c; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5507,7 +5528,7 @@ color: #6c6c6c; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } .p-slidemenu.p-slidemenu-overlay { @@ -5554,6 +5575,7 @@ padding-left: 0.5rem; padding-right: 0.5rem; } + .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.3s; @@ -5598,6 +5620,7 @@ position: absolute; margin-top: -1rem; } + .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #ebebeb; @@ -5668,6 +5691,7 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.1rem #bbc7ee; } + .p-tieredmenu { padding: 0.5rem 0.5rem; background: #ffffff; @@ -5718,7 +5742,7 @@ color: #6c6c6c; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5732,7 +5756,7 @@ color: #6c6c6c; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c6c6c; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5743,7 +5767,7 @@ color: #6c6c6c; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } .p-tieredmenu .p-menuitem-separator { @@ -5757,6 +5781,7 @@ width: 0.875rem; height: 0.875rem; } + .p-inline-message { padding: 0.5rem 0.75rem; margin: 0; @@ -5812,6 +5837,7 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } + .p-message { margin: 1rem 0; border-radius: 6px; @@ -5900,6 +5926,7 @@ .p-message .p-message-detail { margin-left: 0.5rem; } + .p-toast { opacity: 0.9; } @@ -5950,7 +5977,7 @@ color: #585858; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #585858; } .p-toast .p-toast-message.p-toast-message-success { @@ -5960,7 +5987,7 @@ color: #585858; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #585858; } .p-toast .p-toast-message.p-toast-message-warn { @@ -5970,7 +5997,7 @@ color: #585858; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #585858; } .p-toast .p-toast-message.p-toast-message-error { @@ -5980,9 +6007,10 @@ color: #585858; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, - .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #585858; } + .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; @@ -6013,7 +6041,7 @@ margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, - .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { @@ -6070,7 +6098,7 @@ padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f5f5f5; @@ -6080,7 +6108,7 @@ border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f5f5f5; } @@ -6089,23 +6117,29 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } + .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } + .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } + .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } + .p-image-toolbar { padding: 1rem; } + .p-image-action.p-link { color: #f8f9fa; background-color: transparent; @@ -6129,6 +6163,7 @@ width: 1.5rem; height: 1.5rem; } + .p-avatar { background-color: #ebebeb; border-radius: 6px; @@ -6149,9 +6184,11 @@ .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } + .p-avatar-group .p-avatar { border: 2px solid #ffffff; } + .p-badge { background: #5472d4; color: #ffffff; @@ -6193,6 +6230,7 @@ height: 3rem; line-height: 3rem; } + .p-chip { background-color: #ebebeb; color: #6c6c6c; @@ -6228,6 +6266,7 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } + .p-inplace .p-inplace-display { padding: 0.5rem 0.75rem; border-radius: 6px; @@ -6242,15 +6281,19 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } + .p-metergroup { display: flex; } + .p-metergroup-meters { display: flex; } + .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } + .p-metergroup-labels { display: flex; flex-wrap: wrap; @@ -6258,19 +6301,24 @@ padding: 0; list-style-type: none; } + .p-metergroup-vertical .p-metergroup-labels { align-items: start; } + .p-metergroup-labels-vertical { flex-direction: column; } + .p-metergroup-label { display: inline-flex; align-items: center; } + .p-metergroup-label-marker { display: inline-flex; } + .p-metergroup { gap: 1rem; } @@ -6330,6 +6378,7 @@ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } + .p-progressbar { border: 0 none; height: 1.5rem; @@ -6345,6 +6394,7 @@ color: #ffffff; line-height: 1.5rem; } + .p-scrolltop { width: 3rem; height: 3rem; @@ -6366,6 +6416,7 @@ width: 1.5rem; height: 1.5rem; } + .p-skeleton { background-color: #ebebeb; border-radius: 6px; @@ -6373,6 +6424,7 @@ .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } + .p-tag { background: #5472d4; color: #ffffff; @@ -6405,6 +6457,7 @@ width: 0.75rem; height: 0.75rem; } + .p-terminal { background: #ffffff; color: #6c6c6c; @@ -6423,16 +6476,20 @@ .p-button .p-button-label { font-weight: 600; } + .p-buttonset .p-button-label, - .p-togglebutton .p-button-label { +.p-togglebutton .p-button-label { font-weight: 400; } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #5472d4; } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #5472d4; } + .p-panel { border: 2px solid #ebebeb; border-radius: 6px; @@ -6443,9 +6500,11 @@ .p-panel .p-panel-content { border: 0 none; } + .p-fieldset .p-fieldset-legend { border-color: transparent; } + .p-accordion .p-accordion-toggle-icon { order: 10; margin-left: auto; @@ -6463,6 +6522,7 @@ .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-bottom: 0 none; } + .p-inline-message.p-inline-message-info { border-color: #e1f2f7; } @@ -6475,30 +6535,39 @@ .p-inline-message.p-inline-message-error { border-color: #f7e1e6; } + .p-inputtext:enabled:focus { box-shadow: none; } + .p-dropdown:not(.p-disabled).p-focus { box-shadow: none; } + .p-multiselect:not(.p-disabled).p-focus { box-shadow: none; } + .p-cascadeselect:not(.p-disabled).p-focus { box-shadow: none; } + .p-autocomplete.p-autocomplete-multiple:not(.p-disabled).p-focus { box-shadow: none; } + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { box-shadow: none; } + .p-orderlist .p-orderlist-list { border-top: 0 none; } + .p-picklist .p-picklist-list { border-top: 0 none; } + .p-panelmenu .p-panelmenu-icon.pi-chevron-right, .p-panelmenu .p-panelmenu-icon.pi-chevron-down { order: 10; margin-left: auto; @@ -6517,6 +6586,7 @@ padding-bottom: calc(1rem + 2px); border-bottom: 0 none; } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #5472d4; } diff --git a/src/index.html b/src/index.html index 2d6ede631c4..1e8e7a71302 100755 --- a/src/index.html +++ b/src/index.html @@ -8,7 +8,7 @@ - +